整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          建站中基礎的html語言和如何使用DW

          家今天好我是小月,為大家介紹一下建站的基礎語音,喜歡的建站的朋友要認真閱讀,這會對你有一定的幫助!!

          DW使用;

          搭建 一個站點;

          首頁文件名稱:index.html

          文件夾 style js

          w3c 是一個組織,制定網頁規范標準的組織;

          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

          聲明網頁的編碼格式;

          常用的編碼格式;utf-8 國際通用標準,支持英文,中文,韓文,越南語

          日語等等。。。;

          gbk(gb2312)它是國標,支持中文簡體繁體;跟后臺有關;

          字體:編輯, 首選參數 字體

          列表 type修改列表符號;

          布局,搭建一個網頁結構;根據用戶體驗需求對內容進行合理規劃;根據網絡營銷需求;

          怎么布局;

          表格布局

          表格的最外層標記,<table> </table>

          表格里面的行用<tr></tr>表示;一對tr表示一行;

          一個單元格用<td></td>來表示;

          表格里面有一個屬性 邊框 border 默認情況下,這個border="0"

          ctrl alt a

          單元格與單元格的縫 cellspacing 默認情況 不為0

          跨行 rowspan 跨行,就是指一個單元格在垂直方向占領多行;

          跨列 colspan 在水平方向占領多個單元格;

          背景顏色 bgcolor

          布局 table布局;現在不是主流, 但是在網頁中還是會用到;現在主要用

          div+css來進行網頁布局;

          為什么要用div+css呢?

          簡單一些;

          2 代碼相對table而言,div+css涉及到的代碼行數更少;

          2 div+css網頁布局有利于seo;做搜索引擎喜歡網站;

          2 div+css方便后期管理維護(css講完之后再來理解;)

          2 有利于瀏覽器的向后兼容;新的瀏覽器不能識別傳統的一些布局標簽,但是div+css

          所涉及的標簽瀏覽器能夠很好的識別;

          ie 5 6 7 8 9 10 11 12

          CSS是什么?

          有什么用?

          CSS全稱是 層疊樣式表 Cascading Style Sheets 也叫樣式 ,style

          修飾,美化網頁的;

          table 表格,結構

          如何在網頁中實現CSS;CSS表現形式;

          三種常見的表現形式(實現方式);

          每一種 行內式,

          直接在html開始標簽里面寫上style="屬性:屬性值;屬性:屬性值;"

          第二種寫法: 內部嵌入式(嵌入式)

          在<head></head>內部嵌入

          <style>

          css代碼

          html標簽{屬性:屬性值;}

          </style>


          第三種表現形式;外部鏈接式(外鏈式)

          把css樣式單獨放在一個style樣式文件夾里面,然后在html頁面中來調用這個css文件;

          <link rel="stylesheet" type="text/css" href="style/yangshi.css"/>

          以后大家都使用第三種表現式,外部鏈接式;

          為什么要用第三種表現形式;

          第一,w3c組織推薦使用第三種外鏈式;

          第二,外部鏈接式實現了表現(html)與樣式(css)相分離(有利于簡化頁面結構),

          有利于后期維護修改等(選擇器);

          第三,有利于搜索引擎優化(seo)

          選擇器

          是什么?

          有什么用?

          p{color:red;} 它表示把所有的p標簽里面的內容都變成紅色;

          作用:指定樣式控制修飾的對象;

          常用的基礎選擇器;

          標簽選擇器;直接把html標簽拿到css里面當選擇器使用的稱之為標簽選擇器;

          類選擇器;

          給元素取名;

          在開始標簽里面寫上 class="類名" ,注意,類名不要以數字開頭;一般用英文小寫開頭;

          在css里面寫上 .類名{屬性:屬性值;屬性:屬性值;}

          background:#09F; 背景顏色 這是在css里面的寫法;

          bgcolor 這是在html標簽里面的寫法;

          text-align:center; 文字居中;

          以上是今天的建站的內容,喜歡的小伙伴關注一下我每天都會更新這方面的知識!謝謝大家!

          天小白給大家簡單的講解了如何學習前端的方法,那么接下來我會做一系列的教程來教給大家如何一步步的學習,今天我們就說下三分鐘快速知道如何學HTML。

          其實大家都知道無論是HTML還是HTML5都很簡單容易上手,所以很多想從事IT行業的人都作為入門語言。因為簡單易學,所以并沒有一套完整的學習流程,導致了一些人走了彎路,所以今天小白就簡單梳理一下個人學習意見。

          一:閱讀官方資料

          官方資料永遠是最準確和最基礎的,所以剛開始學習的時候就要先來看官放資料,一直到時間久了,很多東西不記得了,都要來查看官方資料,把官方基礎資料記在心里。

          小白認為,任何一門語言第一步都是要先閱讀然后再分析。熟悉HTML代碼的組成部分,聲明,結構,標簽,閉合等,這些都需要我們學習和分析。剛開始學習的時候肯定自己是寫不出來的,那么就要我們看完代碼后自己拷貝,敲打,然后記憶。逐漸把看到的知識點變成自己的代碼元素。

          二:閱讀他人代碼

          準備出來足夠的時間去看別人的網站,分析別人的源代碼,看到不懂的就去查閱資料,做好筆記,讓不懂的知識點變成自己的知識。

          在這里我提倡建議大家多去關注下HTML相關的技術論壇,論壇上會經常有人提出問題,大家可以嘗試去回答,哪怕是查資料也好,這都是對知識的一次深層記憶。時間久了,你就發現自己進步神速。

          三:練習

          通過上面兩個步驟,我們已經掌握了足夠多的HTML代碼,那么我們可以使用DW進行做一些簡單的網站制作,進一步加深和練習。在練習過程中,可以使用對比的方法,找個目標網站進行仿制,逐步讓自己寫出的代碼能和原版有一樣的展現。不對的地方就進行修改,這樣水平就會進一步提升。

          進階:代碼優化

          以上步驟都進行完以后,我們就需要再提升一下自己的能力,那就是我們嘗試著優化我們的HTML代碼。如何用最簡單的邏輯實現我們的功能需求,同時避免冗余代碼的存在,保證一個良好的代碼書寫習慣。

          總結:學習技術,只看不練永遠無法上手的,所以我們要多記多練,首先我們要記HTML代碼最基本的網頁組成部分,比如說顏色如何表示、結構排序如何表示、超鏈接如何表示、關鍵詞與標題等等如何表示,而這些東西我們都必須將之記憶在大腦之中,通過記憶這個過程要讓自己的頭腦中有豐富的HTML代碼可以隨時利用。

          OCTYPE

          DOCTYPE(Document Type)該聲明處于dw文檔中最前面的位置,處于html標簽之前,此標簽告知瀏覽器文檔使用哪種HTML或者 XHTML規范。

          DTD(Document Type Definition)聲明以<!DOCTYPE>開始,不區分大小寫,前面沒有任何內容,如果有其他內容(空格除外)會使瀏覽器在IE下開啟怪異模式(quirks mode)渲染網頁。公共DTD,名稱格式為注冊//組織//類型 標簽//語言,注冊指組織是否由國際標準化組織(ISO)注冊,+表示是,-表示不是。組織即組織名稱,如:W3C。類型一般是 DTD。標簽是指定公開文本描述,即對所引用的公開文本的唯一描述性名稱,后面可附帶版本號。最后語言是DTD語言的ISO 639語言標識符,如:EN表示英文,ZH表示中文。XHTML 1.0 可聲明三種DTD 類型。分別表示嚴格版本,過渡版本,以及基于框架的HTML文檔。

          HTML 4.01 strict

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

          HTML 4.01 Transitional

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

          HTML 4.01 Frameset

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

          ·

          HTML5文檔類型

          <!DOCTYPE html><!-- 使用 HTML5 doctype,不區分大小寫 -->

          meta

          聲明文檔使用的字符編碼

          html5之前<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

          html5<meta charset="utf-8">

          follow 跟蹤鏈接并分析目標網頁。這是默認行為,并且可忽略。

          index 將網頁編入索引。這是默認行為,并且可忽略。

          noodp 不使用 Open Directory Project 來創建內容描述。

          noydir 不使用 Yahoo Directory 來創建內容描述。

          noarchive 不允許搜索引擎顯示內容的緩存版本。

          cache 允許搜索引擎顯示內容的緩存版本。

          nocache 不允許搜索引擎顯示內容的緩存版本。

          標簽

          定義文檔的結構,使文檔的標記更加語義化。

          html5 demo

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="utf-8">

          <title>html5 demo</title>

          </head>

          <body>

          <header>

          <h1>html5 demo</h1>

          <nav>

          <ul>

          <li>nav1</li>

          <li>nav2</li>

          </ul>

          </nav>

          <div>

          <ul>

          <li></li><

          </ul>

          <dl>

          <dd></dd>

          <dt></dt>

          </dl>

          </div>

          </header>

          <section>

          <h1>article aside</h1>

          <article>article</article>

          <aside>aside</aside>

          <section>

          <footer>footer</footer>

          </body>

          </html>

          tips

          1. html5標簽更加豐富和完善,div標簽似乎沒有什么用武之地,但是如果僅僅想在文檔中加入一段樣式,這個時候div標簽便派上用場了。

          2. 標簽在不同瀏覽器默認樣式會有一些區別,為了一個網頁在不同瀏覽器中看到的效果一樣,通常要先格式化一下標簽的樣式

          3.如果要在不支持html5的瀏覽器中使用html5標簽,需要加一小段JavaScript代碼

          4.標簽可編輯屬性contenteditable


          主站蜘蛛池模板: 国产在线无码一区二区三区视频| 国产综合一区二区| 91视频一区二区| 成人影片一区免费观看| 一区二区不卡久久精品| 中文字幕精品亚洲无线码一区应用| 国产福利电影一区二区三区,免费久久久久久久精 | 人妻无码久久一区二区三区免费| 精品人伦一区二区三区潘金莲| 日本一区二三区好的精华液| 久久精品一区二区三区中文字幕| 国产一区二区三精品久久久无广告| 国产亚洲一区二区精品| 色窝窝免费一区二区三区| 日韩精品一区二区三区中文字幕| 中文字幕一区日韩在线视频 | 国产成人综合一区精品| 国产一区精品视频| 2022年亚洲午夜一区二区福利| 国产精品一区二区毛卡片| 中文字幕一区二区三区有限公司| 亚洲综合一区二区精品久久| 视频精品一区二区三区| 精品一区二区三区在线观看视频 | 国产精品一区二区三区免费| 精品一区二区三区免费毛片爱 | 国产香蕉一区二区精品视频| 一区二区三区在线播放视频| 亚洲一区二区三区不卡在线播放 | 91精品一区二区| 国产情侣一区二区三区| 亚洲AV无码片一区二区三区| 在线视频一区二区三区三区不卡| 无码人妻精品一区二区三区久久久 | 黑人大战亚洲人精品一区| 老熟妇高潮一区二区三区| 国产av一区二区三区日韩| 四虎永久在线精品免费一区二区| 亚洲变态另类一区二区三区| 亚洲一区二区三区日本久久九| 国产精品被窝福利一区|