HTML 基本标签
HTML
<!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><title>Hello</title></head><body><h1>Hello World</h1></body> </html>注釋
<!-- 注釋內容 -->
注意： 注釋不能嵌套使用
3.4 文本標簽
HTML 標簽
描述整個 HTML 文件，方便瀏覽器表示
HTML 標簽內部有兩個子標簽：head、body
head 標簽
描述整個 HTML 頭部咨詢信息
包括：title 標題、meta 元數據、style 樣式、script 腳本、link 連接、…...
body 標簽
描述網頁顯示的內容
所有網頁中顯示的內容都會寫到body標簽中
3.5 排版標簽
p 標簽： 描述段落、將HTML內容拆分成段落
- align 對其標簽： left、center、right 。默認left
- br 換行標簽： 將段落內容進行換行，一般寫成
- hr 分割線標簽： 一般寫成
- hr 標簽的屬性：
- size: 厚度、大小。
- width：寬度、單位可以使 px 像素，也可以是% 百分率 ；默認值為 100%。
- color：顏色。
- hr 標簽的屬性：
3.6 div 塊標簽
div 塊標簽： 在文檔中定義塊，一般需要和css結合實現網頁
span 標簽： 在文檔中定義文本塊、行內塊。
塊級元素： 以新行為開始
行內元素： 不以新行為開始
作用：
div+css：制作網頁的各式各樣
span：
3.7 字體標簽
font 標簽： 規定文本的字體、顏色、大小等。
常用屬性：
- size：字體字號大小，最大值是7；最小值是1
- face：字體。
- h1~h6：1號標題到6號標題，1號標題為最大...
3.8 語義
- i和em都是表示傾斜，i表示視覺上的傾斜；em表示強調
- b和strong都是表示加粗，b表示視覺上的加粗；strong表示強調
- u和ins都表示下劃線，u表示視覺上的下劃線；ins表示強調
- s和del都是表示刪除線，s表示不正確的文本；del表示要刪除的文本
3.9 列表標簽
ul、ol、li
ul： 無序列表（Unorderde List）
屬性：type：列表項目類型，disc（默認值，實心圓）、square（方塊）
默認樣式：
添加元素后的樣式：
3.10 圖片標簽
img 標簽： 在網頁上插入圖片
注意： img 是單標簽
<img ser="圖片路徑" alt="圖片代替描述文字" width=“50%” height=“50%”/>- src： 圖片地址
- alt： 圖片的代替文字
- width： 圖片的寬度，可以用px像素或者是%百分比。
- height： 圖片的高度，可以用px像素或者是%百分比。
- 可以使用 GIF 等動態圖片...
3.11 連接標簽
a 標簽： 添加超鏈接，可以從當前頁面跳轉到指定的連接上。
屬性：
- href： 鏈接的目的地址
- name： 錨點的名字
- target: 打開頁面的方式
- _self:在當前頁面打開（默認）
- _blank:在新的頁面打開
3.12 表格標簽
table 標簽： 用于創建表格
屬性：
- border： 表格的邊框大小
- width： 表格的寬度，可以使用px像素或者%百分率。
- align: 對其方式 ，left（左對齊 默認）、center（居中）、right（右對齊）
- bgcolor： 設置表格的背景顏色
?
<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 特殊符號
轉載于:https://www.cnblogs.com/xsh168/p/11377295.html
總結
- 上一篇： 杭电多校第六场-J-Ridiculous
- 下一篇： Centos 7 安装 Haproxy