1. 程式人生 > >HTML:HTML基本標記

HTML:HTML基本標記

第二章:HTML基本標記

2.1HTML頭部標記head

語法:

<head>......</head>     

說明:元素的作用範圍是整篇文件,定義在HTML語言頭部的內容往往不會在網頁上直接顯示。

2.2標題標記title

語法:

<title>......</title>

頁面的標題只有一個,即在這之間。

2.3元資訊標記meta

meta元素提供的資訊不會顯示在頁面中,一般用來定義頁面資訊的說明,關鍵字,重新整理等。在HTML中,meta標記不需要設定結束標記,在一個尖括號裡就是一個meta內容。在一個HTML頁面中可以有多個meta元素。meta元素的屬性有name和http-equiv,其中name屬性主要用於描述網頁,以便於搜尋引擎查詢、分類。
- 2.3.1 設定頁面關鍵字

語法

<meta name="keywords" content="插入具體的關鍵字">

說明:name為屬性名稱,這裡是keywords,也就是設定網頁的關鍵字屬性,而在content中則定義具體的關鍵字。當用關鍵字搜尋網站時,如果網頁中包含該關鍵字,就可以在搜尋結果中列出來。

  • 2.3.2 設定頁面說明

語法:

<meta name="description" content="設定頁面說明">

說明:設定頁面說明也是為了便於搜尋引擎的查詢,它用來詳細說明網頁的內容,頁面說明在網頁中不顯示出來。name為屬性名稱,這裡設定為description,也就是將元資訊屬性設定為頁面說明,在content中定義具體的描述語言。

  • 2.3.3 定義編輯工具

語法:

<meta name="generator" content="編輯軟體的名稱">

說明:編輯工具的名稱只會在原始碼中體現出來,不會顯示在瀏覽器中。

  • 2.3.4 新增作者資訊

語法:

<meta name="author" content="作者的姓名">
  • 2.3.5 設定網頁文字及語言

語法:

<meta http-equiv="content-type" content="text/html;charset=字符集型別"/>

說明:在網頁中還可以設定語言的編碼方式,這樣瀏覽器就可以正確的選擇語言,而不需要人工選取。在語法中,http-equiv用於傳送HTTP通訊協議的標頭,charset往往設定成gb2312,即簡體中文。

  • 2.3.6 設定網頁的定時跳轉

語法:

<meta http-equiv="refresh" content="跳轉的時間;URL=跳轉到的地址">

說明:使用標記可以使網頁在經過一定的時間後自動重新整理,這可以通過將http-equiv屬性設定為refresh來實現,content屬性值可以設定為更新的時間。預設情況下,跳轉時間以秒為單位。

2.4頁面註釋標記

語法:

<!--註釋的內容-->

2.5標題字

  • 2.5.1 標題字標記

語法:

<h1>一級標題</h1>
<h2>二級標題</h2>
<h3>三級標題</h3>
<h4>四級標題</h4>
<h5>五級標題</h5>
<h6>六級標題</h6>

說明:h1是一級標題,使用最大的字號,h6使用最小號的字號

  • 2.5.2標題子對齊屬性align

語法:

<align=對齊方式>

說明:預設情況下,標題是左對齊的,對齊方式的取值如下表:

屬性值 含義
left 左對齊
center 居中對齊
right 右對齊

舉例:

<!doctype heml>
<html>
<head>
<meta http-equiv="content-type" content = "text/html;charset=gb2312"/>
<title>標題字的對齊</title>
</head>
<body>
<h1>1級標題</h1>
<h2 align = "left">2級標題左對齊</h2>
<h3 align = "center">3級標題居中對齊</h2>
<h2 align = "right">4級標題右對齊</h2>
</body>
</html>

2.6段落標記

  • 2.6.1 段落標記p

語法:

<p>段落文字<p>

說明:段落標記可以沒有結束標記/p,而每一個新的段落標記開始的同時也意味著上一個段落的結束。

  • 2.6.2 換行標記br

語法:

<br>

說明:換行標記的作用是在不另起一段的情況下將當前文字強制換行。一個br代表一個換行,連續多個標記可以實現多次換行。

  • 2.6.3 不換行標記nobr

語法:

<nobr>不換行文字</nobr>

說明:在網頁中如果某一行的文字太長,瀏覽器會自動將這段文字進行換行處理,可以使用nobr標記來禁止自動換行。

2.7 水平線

語法:

<hr>

說明:在網頁中輸入一個hr標記,就添加了一條預設樣式的水平線。

2.8 其他標記

  • 2.8.1 插入空格

語法:

&nbsp;

說明:在網頁中可以有多個空格,一個&nbsp代表一個半形空格,多個空格則可以多次使用這一符號。

  • 2.8.2 插入特殊符號

除了空格之外,在網頁的創作過程中,還有一種特殊的符號也需要使用程式碼進行替換。一般情況下,特殊符號的程式碼由字首“&”、字元名稱和字尾“;”組成。使用方法與空格類似。

特殊符號 符號的程式碼
&quot ;
& &amp ;
< &lt ;
> &gt ;
× &times ;
§ &sect ;
© &copy ;
® &reg ;
&trade ;

相關推薦

HTMLHTML基本標記

第二章:HTML基本標記 2.1HTML頭部標記head 語法: <head>......</head> 說明:元素的作用範圍是整篇文件,定義在HTML語言頭部的內容往往不會在網頁上直接顯示。 2.2標題標

1.Htmlhtml是什麼、html文件結構

borde image 文件的 意思 color png 趨勢 編碼 其他 相關內容: html是什麼 html文件結構 html是什麽: hmtl超文本標記語言,標準通用標記語言下的一個應用。 html專門用於網頁,它的“標誌符”告訴了瀏覽器如何顯示其中的

html基本標記符號

標簽 ace disabled 密碼 led http radi 傳輸 tle 文本標記:<h1><h2><h3><h4><h5><h6>; 段落標記:<p>; 空格:&nbsp;

Java學習總結(二十三)——前端HTML基本標簽的使用

water 默認值 right 列表框 信息工程 area led mea MF 一.HTML概述1.HTML:(Hyper Text Markup Language)超文本標記語言,是一種專門用於創建Web超文本文檔的編程語言,它能告訴Web瀏覽程序如何顯示Web文檔(即

超文本標記語言(英語HyperText Markup Language,簡稱HTML

ack 端口號 image web瀏覽器 meta ebo 嚴格 ram 互聯網 超文本標記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用於創建網頁的標準標記語言。您可以使用 HTML 來建立自己的 WEB 站點,HTML 運行在瀏

HTML基本標記之文件型別說明、html標記、文件開始標記、標題、元資訊

語法 宣告:該文只記錄了部分內容,瞭解更多直接搜尋w3cschool網站查詢 HTML基本標記  HTML檔案中,最基本的組成元素,結構有:文件型別說明<DOCTYPE>,HTML<html>,文件開始標記<head>,元資訊<me

HTML最全語法概述、檔案的基本結構、Web標準(W3C)、基本標記

一、簡介 1.網頁是組成一個網站的最基本的元素,一個網站做的好不好,就要看網頁是如何編寫的 2.網際網路上的資訊,都是以網頁的形式來給大家進行呈現的,所以網頁實際上就是我們一個網站,或者網路資訊傳遞的載體。網頁檔案使用一種特殊的標記語言所寫的,這個標記語言的名稱

HTML基本標記

1.HTML頭部標記head  (1)語法 :<head>...</head>    (2)   說明:<head>元素的作用範圍是整篇文件       <head>元素中包括有 <meta>元資訊定義;標題標記t

關於HTML的一些基本文字標記

1.主要包括5組標籤   <html> <head> <title> <meta> <body>2.段落元素<p>段落內的換行符將會忽略段落內的多個空格將被一個空格所代替3.換行元素<br />

HTML檔案基本標記(一)-、、

關於HTML檔案head、title、meta標記的使用 <!DOCTYPE html> <html> <head> <!-- HTML使用http-eq

HTML檔案基本標記(四)-設計網頁文字內容

1、標題文字 標題文字標籤:h1~h6; 標題文字對齊方式:align=“left(左對齊)、center(居中)、right(右對齊)” 2、設定文字格式 設定文字字型:face=“字

HTML學習筆記3HTML基本骨架詳解

在HTML筆記1中,我簡單介紹了HTML抽象的基本框架,其實,HTML的基本骨架部分還有更多內容需要了解,這一節,咱們就詳細學習HTML的基本骨架。 開啟sublime編輯器,輸入html:xt 圖1 x表示XHTML,t表示transitional

HTML基本標記1.1

正文 範圍 語言 作用範圍 網頁 基礎 ... 標記 說明 HTML頭部標記head 在HTML語言的頭部元素中,一般包括標題,基礎信息和元信息等。HTML的頭部元素以<head>為開始標記,以</head>為結束標記 語法: <head

分針網——每日分享HTML解析原理

html 原理 標準的web前端工程師需要知道 ◎瀏覽器(或者相應播放器)的渲染/重繪原理 這我得加把勁了。我還真的說的不是很清楚,我就G下,結果不是很多,找到了有一個,就記下來了。。。

html的一些基本內容

tar cte 簽名 其他 默認值 放置 結構 也有 共享 html基本語法 基本格式 <html> <head> <title></title> <meta /> </head> <b

EmmetHTML/CSS代碼快速編寫神器教程

face 匹配 代碼 htm embedded XML ets 屬性 strong Emmet的前身是大名鼎鼎的Zen coding,如果你從事Web前端開發的話,對該插件一定不會陌生。它使用仿CSS選擇器的語法來生成代碼,大大提高了HTML/CSS代碼編寫的速度,比如下面

每天一個JS 小demo之韓雪冬輪播圖。主要知識點html,css布局,對於數組和對象的理解和運用

身高 全局 borde ava ebo 空間 use mouseout desc 1 @charset "utf-8"; 2 /* CSS Document */ 3 4 * { padding: 0; margin: 0; } 5 li { list-st

Java學習HTML入門

網頁 重置 自我介紹 回滾 標簽 color 公式 target coord HTML HTML基本標簽 <html> --html開始標簽 <head> -- 文件頭(用戶在瀏覽器的主體是看不到的) </head> <bo

HTML網頁的基本結構及基礎功能

區分 blank strong target ref 功能 當前 設置 .html 一、HTML網頁的基本結構1、HTML——超文本標記語言,瀏覽器解析html標記後,展示內容2、H5——HTML5(目前流行比較火)3、網頁的基本結構  3.1靜態網頁的拓展名h

html文件基本結構

開發網頁 itl 容器 是什麽 meta 程序 htm 顯示 方便 <html> 根標簽,所有網頁的標簽都放在此 <head></head> 用於定義文檔頭部,它是所有頭部元素的容器 <body></body>