HTML基礎建站知識

時間 2019-11-18

標籤 html 基礎建站知識欄目 HTML 简体版

原文原文鏈接

目前互聯網上的網站在展示給用戶的界面都是須要用到HTML框架。html應用範圍很普遍，無論是WEB前端仍是後臺都須要懂得HTML的基礎；在HTML中常常要接觸到的就是標籤；那啥是標籤呢？極簡單的來講就是固有的命令，好比：「立正」「跨立」...之類的命令單詞。html

看一下百度百科怎麼說的：前端

html標籤 
   超文本標記語言（外國語簡稱：HTML）標記標籤一般被稱爲HTML標籤，HTML標籤是HTML語言中最基本的單位，HTML標籤是HTML（標準通用標記語言下的一個應用）最重要的組成部分。
   HTML標籤的大小寫無關的，例如「主體」<body>跟<BODY>表示的意思是同樣的，推薦使用小寫。

常常去寫一些比較基礎的HTML久了就知道那些是標籤單詞；那一個基礎的html有哪些結構呢？不妨咱們來看看HTML的簡單結構。web

構成一個網頁必需要用的標籤和網頁基礎的結構：網絡

<html>

<head>
  這裏是網頁的頭部 ... ...
  ...
</head>

<body>
  這裏是網頁的主體 ... ...
  ...
</body>

</html>

HTML中重要的除了標籤以外還有標籤裏屬性也是同樣的重要；能夠說web前端HTML建站都是用標籤和屬性碼起來的。屬性爲 HTML 元素提供附加信息。框架

HTML 屬性
HTML 標籤能夠擁有屬性。屬性提供了有關 HTML 元素的更多的信息。
屬性老是以名稱/值對的形式出現，好比：name="value"。
屬性老是在 HTML 元素的開始標籤中規定。

屬性實例
HTML 連接由 <a> 標籤訂義。連接的地址在 href 屬性中指定：
<a href="http://www.claidx.com">成都小生網絡營銷培訓學院</a>

這裏整理了一些HTML建站常的一些標籤單詞和屬性單詞，能夠初步瞭解一下HTML標籤和屬性的功能字體

<html></html>  表示一個標準的html網頁, <html>表示網頁開始
</html>表示網頁結束
<head></head>   表示網頁的頭部
<title></title>   表示網頁的標題
<body></body>  表示網頁主體
<br/>   （單標籤）  換行
<p></p>    段落（換行、段間距）
<b></b>  加粗
<strong></strong>   加粗(強調)
<i></i>    傾斜
<em></em>  傾斜（強調）
h標籤       文章標題
從<h1>到<h6>
 效果：（改變文字大小、加粗、段落、強調）
<center></center>   居中
格式：<標籤名稱 屬性1="值" 屬性2=「值」></標籤名稱>
<font></font>   文字樣式
     屬性： color顏色; size 字號;face字體;
<hr/>  （單標籤）
     屬性:  color顏色 ; size粗細;  width寬度（長）
<img />      圖片
     屬性: src圖片路徑 ; width寬度  ;height高度; title標題（彈出提示文字）; alt     替換文字（圖片不能顯示時，用文字替代）
<a></a>    超連接
 屬性： href路徑（若是href裏的路徑是一個網址，那麼前面必定要帶http://）

錨連接：在同一個頁面的不一樣位置之間跳轉
實現方式：
<p id=」標籤」></p>
<a href=」#標籤」>我是標籤</a>

<body></body>
     屬性： bgcolor   背景顏色；background   背景圖片

<embed></embed>   
屬性:   wmode="transparent  flash背景透明
       width     寬度
       height    高度
<ul></ul>      無序列表
<li></li>表示列表中的一項
屬性 type    列表樣式
disc    實心圓   circle 空心圓   square方塊
<ol></ol>    有序列表
屬性 type   列表樣式
1  阿拉伯數字;a  小寫字母; A  大寫字母; i  羅馬數字（小寫）; I 羅馬數字（大寫）
<dl></dl>    自定義列表
列表:<dt></dt>或者<dd></dd>（僅用於自定義列表）

<table></table>   表格
<tr></tr>表示一行  <td></td>表示一個單元格
注意：內容寫在<td>裏面
屬性: border   邊框 ; width    寬度 ; height   高度 ; 
align對齊方式值 :  left左   center中   right右
bordercolor   邊框顏色 bgcolor   背景顏色 background   背景圖片
cellspacing   單元格間距
<td></td>
屬性:  colspan    跨越（橫向）  rowspan   跨越（縱向）
<iframe></iframe>   框架
 width 寬度     height 高度   frameborder   框架邊框
備註：iframe中調用的內容，不能被搜索引擎識別
<div></div>      層（盒子）
 CSS      層疊樣式表
CSS屬性
 border-style    邊框樣式 值：solid實線；dotted虛線；double   雙實線
 border-color   邊框顏色
 border-width    邊框粗細
 margin  四周間距

margin:auto   （居中）
margin-top 上間距；margin-bottom 下間距
margin-left   左間距；margin-right  右間距
width     寬度；height    高度
background-color  背景顏色
background-image   背景圖片 值：  url(圖片路徑)
background-repeat   背景重複方式
值：  no-repeat 不重複； repeat-x  橫向重複；repeat-y  縱向重複
background-position   背景位置
 值： center 中；left 左；right 右；top 上；bottom下或2個表示座標的數字
background
background-size    背景大小
float 漂浮（浮動）值：left 左；right右
padding          四周填充
   padding-top          上填充
   padding-left          左填充
   padding-right        右填充
   padding-bottom     下填充
font 文本
font-size   字號
   font-family    字體
   color      顏色     
   font-weight:bold   加粗
text-indent:2em  首行縮進2字符
text-align    文本對齊方式
         值：   left； center； right
line-height     行高
text-decoration   文本樣式
                    值：   none   無；underline  下劃線
 overline   上劃線； line-through   刪除線 
display     顯示方式
          值： block 塊狀顯示 ；none   無（隱藏） 
class 類選擇器
：hover    是一個僞類，鼠標懸停

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。