HTML的由來

HTML是由Web的發(fā)明者 Tim Berners-Lee(李爵士)和同事 Daniel W. Connolly于1990年創(chuàng)立的一種標記語言

HTML起手式

在編輯器中新建一個 HTML 文件，然后輸入 ! 并按下鍵盤左上角的 Tab 鍵，就可以快速生成一個HTML網(wǎng)頁的框架。

HTML的章節(jié)標簽

? ? h1~h6

? ??<h1>–<h6>?標題(Heading)元素呈現(xiàn)了六個不同的級別的標題，<h1>?級別最高，而?<h6>?級別最低

幾個標簽的效果如圖所示

section

<section>元素表示一個包含在HTML文檔中的獨立部分，它沒有更具體的語義元素來表示，一般來說會有包含一個標題。

section的使用介紹

? ?arcicle

<article>元素表示文檔、頁面、應(yīng)用或網(wǎng)站中的獨立結(jié)構(gòu)，其意在成為可獨立分配的或可復(fù)用的結(jié)構(gòu)，如在發(fā)布中，它可能是論壇帖子、雜志或新聞文章、博客、用戶提交的評論、交互式組件，或者其他獨立的內(nèi)容項目.

article 這個組件的功能感覺和section 有些類似，都是表示一個獨立的整體。

main

<main>? </main> 標簽的作用主要就是用來包裹主要內(nèi)容。

aside

<aside></aside>標簽和main 標簽不同，它是用來包裹次要內(nèi)容的。

main和aside 標簽的使用

全局屬性

Q：什么是全局屬性？

A：就是所有標簽都具有的屬性。

常見的全局屬性有：

全局屬性

?class?

class的值是一個以空格分隔的元素的類名。

class的使用方法

Q：我們可以用這個類名來做什么呢?

A：我們可以用這個類名在style里面來設(shè)置標簽的樣式。

在設(shè)置屬性樣式的時候，有這樣的兩種形式，

第一種：

不過這種方法有個缺點就是，如果一個標簽的類名有很多個的話，這種方法就不起作用了。

所以如果你想用 [class=??] 這樣的形式來設(shè)置標簽樣式的話，你只能把這個標簽所有的類名都寫上才能生效。

第二種：

Q：經(jīng)過上面的情況，肯定有人會問，這也太坑了吧，如果每次都要把類名全寫上也太累了。

A：不急，我們還有第二種設(shè)置的方法。

.+類名的設(shè)置方法

所以，要使用哪一個，就看各位的實際情況來決定了。

contenteditable

這個屬性的作用就是使任何一個元素在網(wǎng)頁上可以被編輯。

當然這種網(wǎng)頁上的修改是不會替換掉我們代碼里寫的內(nèi)容的。

只不過我們有時候如果想直接在網(wǎng)頁上進行微調(diào)，來看下效果有什么不同的話，這個屬性是一個比較方便的方法。

hidden

這個屬性的作用跟它的名字一樣，就是能夠讓一個元素隱藏。

id

?emmm, id 的作用，感覺和class 類似，

傳言，id能夠用來唯一標識一個元素，但是。

所以，傳言應(yīng)該不是真的

id在JS中的使用：

注意：像這樣的寫法，有些單詞是不能用的。

比如你把id 設(shè)置成parent,top或者self 就無法通過 xxx.style.border 這樣的形式來設(shè)置屬性樣式。

Q：這是為什么呢？

A：你可以到控制臺，輸入window. 然后它就會有一個彈出框，彈出框里面就是window已經(jīng)有的全局屬性。

因為你不可能用一個標簽把window的全局屬性給覆蓋掉。

style屬性：

總結(jié)：樣式優(yōu)先級：JS設(shè)置的樣式>style屬性> CSS

tabindex屬性：

鍵盤上左上角有一個 Tab 鍵，頁面上 所有的可交互的東西，都可以用Tab來訪問到。

Q：為什么要這樣做呢？

A：因為你保不準有的人沒有鼠標，或者鼠標正好壞了，那在這種情況下，就需要用到Tab鍵來選擇要交互的對象。

常用的內(nèi)容標簽

ol+li&ul+li

dl

dd和dt的全稱

pre

在HTML中，空格，回車換行符或者Tab都會被縮成一個空格。

Q：那我就是想讓我輸入的空格，或者換行，Tab 顯示出來怎么辦？

A：我就需要借助pre 標簽。

code

HTML?<code>?元素呈現(xiàn)一段計算機代碼. 默認情況下, 它以瀏覽器的默認等寬字體顯示.

code標簽的使用

hr

hr (Horizontal Rule)就是一個分隔符

br

a

HTML?<a>?元素（或稱錨元素）可以創(chuàng)建通向其他網(wǎng)頁、文件、同一頁面內(nèi)的位置、電子郵件地址或任何其他 URL 的超鏈接。

a標簽的使用方法

Q：如果我當前打開的網(wǎng)頁沒有設(shè)置 target='_blank'，我要怎么實現(xiàn)在新標簽頁打開這個網(wǎng)址？

A：使用鼠標中鍵點擊就能實現(xiàn)

em&strong

quote&blockquote

這兩個標簽代表其中的文字是引用內(nèi)容