一下html中文件標簽和文本標簽的使用
目的是學會使用,所以借助工具可以省好多時間
1.文件標簽:構成html最基本的標簽
html:html文檔的根標簽
head:頭標簽。用于引入html文檔的一些屬性。引入外部的一些資源
title:標題標簽
body:體標簽
<!DOCTYPE html>:html5中定義該文檔是html
2.文本標簽:和文本有關的標簽
注釋:<!-- 注釋內容 –->
<h1> 到<h6>:標題標簽自帶換行的效果
<p>:表示段落的標簽
<br>:換行標簽<br/>和<br>的寫法都不會報錯
<hr>:顯示一條水平線(也是一個自閉和標簽)水平線有一些屬性我們可以控制它的樣式。hr里面表示高度是size而不是height.對齊方式默認是居中的。
<b>:字體加粗
<i>:斜體
<font>:字體標簽(通過屬性來修改字體的字號,大小,顏色,以及字體的樣式)
<center>:文本居然標簽
這里講下網頁下面的版權標簽是如何寫出來的。
3.圖片標簽:用來展示圖片的(圖片也是一個自閉合標簽)
屬性:src:用來指定圖片的位置
什么都不寫默認就是./的形式
../表示上一級目錄
4.列表標簽:
有序列表:ol,li(li表示的是列表的每一項)
無序列表:ul,li
5.鏈接標簽:
a:定義一個超鏈接
屬性:
href:指定訪問資源的URL(統一資源定位符,就是路徑的表示形式)
target:(是目標的意思)指定打開資源的方式
_self:在當前頁面打開
_blank:在空白頁面打開
6.表格標簽:在HTML中的表格只有行的概念,沒有列的概念,將表格以行的形式進行分割,然后再對行進行操作。
table:定義表格
width:表格的寬度
border:邊框
cellpadding:單元格內容左對齊(定義內容和單元格的距離)
cellspacing:邊框合并(定義單元格之間的距離,如果指定為0,單元格的線會合為一條)
bgcolor:背景色
align:表格的對齊樣式
tr:定義行
bgcolor:背景色
align:表格的對齊樣式(是用來修改文本的對齊方式的)
td:定義單元格
colspan:合并列
rowspan:合并行
th:定義表頭單元格
<caption>:表格標題
<thread>:表示表格的頭部分
<tbody>:表示表格的體部分
<tfoot>:表示表格的腳部分
7.塊標簽:div和span是結合css使用的
span:文本信息在一行顯示,行內標簽,內聯標簽(意思就是它不會換行)
div:是會換行的。每一個div占滿一整行。塊級別的標簽
8.語義化標簽:html5中為了提高程序的可讀性,提高了一些標簽
<header>
<footer>
例
鏈接到外部樣式文件:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
瀏覽器支持
所有主流瀏覽器都支持 <link> 標簽。
標簽定義及使用說明
<link> 標簽定義文檔與外部資源的關系。
<link> 標簽最常見的用途是鏈接樣式表。
注意: link 元素是空元素,它僅包含屬性。
注意: 此元素只能存在于 head 部分,不過它可出現任何次數。
HTML 4.01 與 HTML5之間的差異
一些 HTML 4.01 屬性在 HTML5 中不支持。
HTML5 新增了 "sizes" 屬性。
HTML 與 XHTML 之間的差異
在 HTML 中,<link> 標簽沒有結束標簽。
在 XHTML 中,<link> 標簽必須被正確地關閉。
屬性
New:HTML5 新屬性。
屬性 | 值 | 描述 |
---|---|---|
charset | char_encoding | HTML5 不支持該屬性。 定義被鏈接文檔的字符編碼方式。 |
href | URL | 定義被鏈接文檔的位置。 |
hreflang | language_code | 定義被鏈接文檔中文本的語言。 |
media | media_query | 規定被鏈接文檔將顯示在什么設備上。 |
rel | alternatearchivesauthorbookmarkexternalfirsthelpiconlastlicensenextnofollownoreferrerpingbackprefetchprevsearchsidebarstylesheettagup | 必需。定義當前文檔與被鏈接文檔之間的關系。 |
rev | reversed relationship | HTML5 不支持該屬性。 定義被鏈接文檔與當前文檔之間的關系。 |
sizesNew | HeightxWidthany | 定義了鏈接屬性大小,只對屬性 rel="icon" 起作用。 |
target | _blank_self_top_parentframe_name | HTML5 不支持該屬性。 定義在何處加載被鏈接文檔。 |
type | MIME_type | 規定被鏈接文檔的 MIME 類型。 |
全局屬性
<link> 標簽支持全局屬性,查看完整屬性表 HTML 全局屬性。
事件屬性
<link> 標簽支持所有 HTML 事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
例
以下代碼標記了一個段落:
<p>這是一個段落。</p>
瀏覽器支持
目前大多數瀏覽器支持 <p>標簽。
標簽定義及使用說明
<p> 標簽定義段落。
<p>元素會自動在其前后創建一些空白。瀏覽器會自動添加這些空間,您也可以在樣式表中規定。
在HTML 4.01 與 HTML5中的差異
HTML 4.01中標簽的 align 屬性已經廢棄,HTML5不支持該屬性。
屬性
屬性 | 值 | 描述 |
---|---|---|
align | leftrightcenterjustify | HTML5不支持。 HTML 4.01已廢棄。 不贊成使用。請使用樣式取代它。 規定段落中文本的對齊方式。 |
全局屬性
<p> 標簽支持全局屬性,查看完整屬性表 HTML全局屬性。
事件屬性
<p> 標簽支持所有 HTML事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。