HTML 基本标签
HTML
<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><title>Hello</title></head><body><h1>Hello World</h1></body> </html>注釋
<!-- 注釋內(nèi)容 -->
注意： 注釋不能嵌套使用
3.4 文本標(biāo)簽
HTML 標(biāo)簽
描述整個(gè) HTML 文件，方便瀏覽器表示
HTML 標(biāo)簽內(nèi)部有兩個(gè)子標(biāo)簽：head、body
head 標(biāo)簽
描述整個(gè) HTML 頭部咨詢信息
包括：title 標(biāo)題、meta 元數(shù)據(jù)、style 樣式、script 腳本、link 連接、…...
body 標(biāo)簽
描述網(wǎng)頁(yè)顯示的內(nèi)容
所有網(wǎng)頁(yè)中顯示的內(nèi)容都會(huì)寫到body標(biāo)簽中
3.5 排版標(biāo)簽
p 標(biāo)簽： 描述段落、將HTML內(nèi)容拆分成段落
- align 對(duì)其標(biāo)簽： left、center、right 。默認(rèn)left
- br 換行標(biāo)簽： 將段落內(nèi)容進(jìn)行換行，一般寫成
- hr 分割線標(biāo)簽： 一般寫成
- hr 標(biāo)簽的屬性：
- size: 厚度、大小。
- width：寬度、單位可以使 px 像素，也可以是% 百分率 ；默認(rèn)值為 100%。
- color：顏色。
- hr 標(biāo)簽的屬性：
3.6 div 塊標(biāo)簽
div 塊標(biāo)簽： 在文檔中定義塊，一般需要和css結(jié)合實(shí)現(xiàn)網(wǎng)頁(yè)
span 標(biāo)簽： 在文檔中定義文本塊、行內(nèi)塊。
塊級(jí)元素： 以新行為開(kāi)始
行內(nèi)元素： 不以新行為開(kāi)始
作用：
div+css：制作網(wǎng)頁(yè)的各式各樣
span：
3.7 字體標(biāo)簽
font 標(biāo)簽： 規(guī)定文本的字體、顏色、大小等。
常用屬性：
- size：字體字號(hào)大小，最大值是7；最小值是1
- face：字體。
- h1~h6：1號(hào)標(biāo)題到6號(hào)標(biāo)題，1號(hào)標(biāo)題為最大...
3.8 語(yǔ)義
- i和em都是表示傾斜，i表示視覺(jué)上的傾斜；em表示強(qiáng)調(diào)
- b和strong都是表示加粗，b表示視覺(jué)上的加粗；strong表示強(qiáng)調(diào)
- u和ins都表示下劃線，u表示視覺(jué)上的下劃線；ins表示強(qiáng)調(diào)
- s和del都是表示刪除線，s表示不正確的文本；del表示要?jiǎng)h除的文本
3.9 列表標(biāo)簽
ul、ol、li
ul： 無(wú)序列表（Unorderde List）
屬性：type：列表項(xiàng)目類型，disc（默認(rèn)值，實(shí)心圓）、square（方塊）
默認(rèn)樣式：
添加元素后的樣式：
3.10 圖片標(biāo)簽
img 標(biāo)簽： 在網(wǎng)頁(yè)上插入圖片
注意： img 是單標(biāo)簽
<img ser="圖片路徑" alt="圖片代替描述文字" width=“50%” height=“50%”/>- src： 圖片地址
- alt： 圖片的代替文字
- width： 圖片的寬度，可以用px像素或者是%百分比。
- height： 圖片的高度，可以用px像素或者是%百分比。
- 可以使用 GIF 等動(dòng)態(tài)圖片...
3.11 連接標(biāo)簽
a 標(biāo)簽： 添加超鏈接，可以從當(dāng)前頁(yè)面跳轉(zhuǎn)到指定的連接上。
屬性：
- href： 鏈接的目的地址
- name： 錨點(diǎn)的名字
- target: 打開(kāi)頁(yè)面的方式
- _self:在當(dāng)前頁(yè)面打開(kāi)（默認(rèn)）
- _blank:在新的頁(yè)面打開(kāi)
3.12 表格標(biāo)簽
table 標(biāo)簽： 用于創(chuàng)建表格
屬性：
- border： 表格的邊框大小
- width： 表格的寬度，可以使用px像素或者%百分率。
- align: 對(duì)其方式 ，left（左對(duì)齊 默認(rèn)）、center（居中）、right（右對(duì)齊）
- bgcolor： 設(shè)置表格的背景顏色
?
<table border="1" width="60%" align="center" bgcolor="aqua"><caption>人員信息表</caption><tr align="center" bgcolor="#f0f8ff"><th>姓名</th><th>性別</th><th>年齡</th></tr><tr bgcolor="#6495ed"><td>張三</td><td align="center" bgcolor="blue">男</td><td>24</td></tr><tr align="right" bgcolor="#7fffd4"><td bgcolor="#8a2be2">李四</td><td>男</td><td>18</td></tr><tr><td colspan="3">共2人</td></tr> </table>3.13 特殊符號(hào)
轉(zhuǎn)載于:https://www.cnblogs.com/xsh168/p/11377295.html
總結(jié)
- 上一篇： 杭电多校第六场-J-Ridiculous
- 下一篇： 读文件 —— WEB前端读取本地文件内容