HTML搭建網(wǎng)頁結(jié)構(gòu)
時(shí)間：2023-07-24 07:12:01 | 來源：網(wǎng)站運(yùn)營
時(shí)間：2023-07-24 07:12:01 來源：網(wǎng)站運(yùn)營
HTML搭建網(wǎng)頁結(jié)構(gòu)：
HTML基本框架：<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
</head>
<body>
</body>
</html>
常用的樣式屬性：文本屬性：
- font-size：字體大小
- font-family：字體類型
- font-style：字體樣式
- color：字體顏色
- text-algin：文本的對(duì)齊方式
背景屬性：- backgroud-color：背景顏色
- backgroud-image：URL（圖片地址）背景圖片
- backgroud-repeat：（repeat/no-repeat/repeat-x/repeat-y）背景圖片如何被重復(fù)顯示
方框?qū)傩裕?/b>
- margin-left：設(shè)置對(duì)象的左邊距
- margin-right：設(shè)置對(duì)象的右邊距
- margin-top：設(shè)置對(duì)象的上邊距
- margin-buttom：設(shè)置對(duì)象的下邊距
- padding-left：設(shè)置內(nèi)容與左邊框之間的距離
- padding-right：設(shè)置內(nèi)容與右邊框之間的距離
- padding-top：設(shè)置內(nèi)容與上邊框之間的距離
- padding-buttom：設(shè)置內(nèi)容與下邊框之間的距離
- border-style：（soild細(xì)邊框/dashed虛邊框）邊框樣式
- border-width：邊框?qū)挾?/li>
- border-color：邊框顏色
- a:link{}未被訪問的鏈接樣式
- a:visited{}被訪問過的鏈接樣式
- a:hover{}鼠標(biāo)懸浮在鏈接上時(shí)的樣式
- a:active{}鼠標(biāo)在按下是鏈接文字的樣式
注釋 <!--注釋內(nèi)容-->
加粗--<b>....</b> 傾斜-<i>....</i> 語氣(加粗)--<strong>...</strong>
加強(qiáng)語氣(傾斜)--<em>....</em> 下劃線--<u>...</u> 刪除線--<s>...</s> 上標(biāo)--<sup>...</sup> 下標(biāo)--<sub>...</sub>
<br />標(biāo)簽表示一個(gè)換行標(biāo)簽
<hr />標(biāo)簽是水平線標(biāo)簽
< img />標(biāo)簽是圖片標(biāo)簽
<a>標(biāo)簽是超鏈接標(biāo)簽
<span>標(biāo)簽主要用來對(duì)行內(nèi)的文字進(jìn)行一些樣式以及其他的操作
<em>標(biāo)簽一般用來對(duì)文字進(jìn)行強(qiáng)調(diào)，使用斜體體現(xiàn)出來
<p>標(biāo)簽段落標(biāo)簽，段落文字使用，默認(rèn)格式：段尾進(jìn)行換行
<ul>標(biāo)簽無序列表的主標(biāo)簽，后面的標(biāo)號(hào)為圓點(diǎn)（黑色）
<div> 標(biāo)簽可定義文檔中的分區(qū)或節(jié)，把文檔分割成獨(dú)立的、不同的部分,劃分塊的主要使用標(biāo)簽
<span> 標(biāo)簽被用來組合文檔中的行內(nèi)元素。
<ol>標(biāo)簽有序列表的主標(biāo)簽
<li>標(biāo)簽列表中的主體使用標(biāo)簽
<dl>標(biāo)簽自定義標(biāo)簽的主標(biāo)簽
<dt>標(biāo)簽自定義標(biāo)簽的表頭
<dd>標(biāo)簽自定義標(biāo)簽的表頭的解釋（描述）信息
<h1~h6>：6級(jí)標(biāo)題標(biāo)簽、字體的大小依次變小
行內(nèi)標(biāo)簽：包含a、span、em、strong、b、i、u、label、br；特點(diǎn)：可以多個(gè)標(biāo)簽存在一行，不能直接設(shè)置行內(nèi)標(biāo)簽的高度、寬度、行高以及頂和底邊距，完全靠內(nèi)容撐開寬高！
塊標(biāo)簽：包含p、div、ul、ol、li、dl、dt、dd、h1~h6、form；特點(diǎn)：獨(dú)占一行，對(duì)高度、寬度、行高以及頂和底邊距都可設(shè)置的屬性值生效；如果不給寬度，塊級(jí)元素就默認(rèn)為瀏覽器的寬度，即就是100%寬；
行內(nèi)塊標(biāo)簽：img,input,textarea 特點(diǎn)：結(jié)合的行內(nèi)和塊級(jí)的有點(diǎn)，不僅可以對(duì)寬高屬性值生效，還可以多個(gè)標(biāo)簽存在一行顯示；
塊級(jí)標(biāo)簽轉(zhuǎn)換為行內(nèi)標(biāo)簽：display:inline;
行內(nèi)標(biāo)簽轉(zhuǎn)換為塊級(jí)標(biāo)簽：display:block;
轉(zhuǎn)換為行內(nèi)塊標(biāo)簽：display：inline-block;
在線咨詢