11.22 藍鷗

html5:

html 內(nèi)容 ? (文字、圖片)

【xhtml+css】【html+css3】

css ?樣式(文字顏色,圖片大小、位置)

js ?行為 ? ? 點擊某個按鈕的時候觸發(fā)的操作

怎么創(chuàng)建網(wǎng)頁:

1.html文件就是可以被瀏覽器解析的文件,可以認為是一個網(wǎng)頁

2.基礎(chǔ)模板:

1)瀏覽器解析html文件的時候需要有一些標準,其中最基礎(chǔ)的就是每個html文件都要有一個簡單的框架(基礎(chǔ)模板)

2)<!doctype html> 聲明,讓瀏覽器用最新的標準解析這個文件

3)<html></html> html標簽代表整個文檔的內(nèi)容,所有的網(wǎng)頁里面的東西都要寫在html里面 ? ? ?

? ? ? ? ? ? ? ? ? ?<head></head> ? ?<title></title>:顯示標題名,一般顯示在網(wǎng)頁的選項卡上

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?<meta charset= "utf-8"/>:讓瀏覽器解析文檔上的漢字

除了上兩個之外,還可以添加其他的標簽比如:關(guān)鍵字,描述,引入css(除了網(wǎng)頁內(nèi)容之外的東西)

? ? ? ? ? ? ? ? ? ?<body></body>網(wǎng)頁內(nèi)容,包括div、img、a等標簽,所有顯示在網(wǎng)頁里面的內(nèi)容都可以寫在body里面


標簽:單標簽 雙標簽 ?組合標簽

單標簽:br、hr、meta、img等

雙標簽:h1~h6、a、p、span、div、ul、ol、li、dl、dd、dt、html等

組合標簽:ul、ol、li、dd、dt、dl等(組合標簽在使用的時候是不能被拆開的)

行級標簽:

能在同一行顯示的標簽

不能設(shè)置寬高 大小由內(nèi)容撐開


塊級標簽:

(即使改變了寬度也不會和其他標簽同行)獨占一行的標簽,不與其他標簽同行顯示

能設(shè)置寬高


display:inline;

display:block;

display:none;(不顯示)



規(guī)范

1.所有html標簽都要小寫

2.子父級標簽要有縮進(子級比父級縮進一個Tab鍵)

3.命名規(guī)范:不會帶有漢字、特殊符號、空格等。以英文字母開頭,可以包含數(shù)字和下劃線 駝峰法命名(首字母小寫后面單詞首字母大寫)

4.所有標簽都要正確閉合

5.重要的位置要添加注釋(html的注釋<!-- 123 --> )

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽?zāi)J的外補...
    _Yfling閱讀 13,796評論 1 92
  • 一:在制作一個Web應(yīng)用或Web站點的過程中,你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術(shù)因素的...
    Arno_z閱讀 1,212評論 0 1
  • 簡介網(wǎng)絡(luò)瀏覽器很可能是使用最廣的軟件。在這篇入門文章中,我將會介紹它們的幕后工作原理。我們會了解到,從您在地址欄輸...
    wengjq閱讀 2,071評論 2 15
  • 轉(zhuǎn)載請聲明 原文鏈接地址 關(guān)注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進階之旅閱讀 16,599評論 32 459
  • 熊孩子,讓很多人頭痛不已。那么今天小編就來教大家一種教育熊孩子的方法。 先來說一下什么是熊孩子。熊孩子泛指那些做不...
    極度酷娛閱讀 107評論 0 0