從零開始到HTML

2022-06-17 分類：網站建設

1、屬性

HTML 標簽可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。
屬性總是以名稱/值對的形式出現，比如：name="value"。

屬性總是在 HTML 元素的開始標簽中規定。

屬性例子 1:

<h1> 定義標題的開始。

<h1 align="center"> 擁有關于對齊方式的附加信息。

屬性例子 2:

<body> 定義 HTML 文檔的主體。

<body bgcolor="yellow"> 擁有關于背景顏色的附加信息。

屬性例子 3:

<table> 定義 HTML 表格。

<table border="1"> 擁有關于表格邊框的附加信息。

完整的 HTML 參考手冊提供了每個 HTML 元素可使用的合法屬性的完整列表：

HTML參考手冊：http://www.w3school.com.cn/tags/index.asp

2.標題

標題（Heading）是通過 <h1> - <h6> 等標簽進行定義的。<h1>
定義大的標題。<h6> 定義最小的標題。

<hr /> 標簽在 HTML 頁面中創建水平線。可用于分割元素

3.段落

段落是通過 <p> 標簽定義的。

① 使用空的段落標記 <p></p> 去插入一個空行是個壞習慣。用 <br />
標簽代替它。

② 如果希望在不產生一個新段落的情況下進行換行（新行），使用 <br /> 標簽

4.樣式

style 屬性用于改變 HTML 元素的樣式。

style 屬性的作用是提供了一種改變所有 HTML 元素的樣式的通用方法。通過 HTML 樣式，
能夠通過使用 style 屬性直接將樣式添加到 HTML 元素，或者間接地在獨立的樣式表中
（CSS 文件）進行定義。

background-color 屬性為元素定義了背景顏色，如：<body >

font-family、color 以及 font-size 屬性分別定義元素中文本的字體系列、顏色和字體尺寸。

text-align 屬性規定了元素中文本的水平對齊方式：<h1 >This is a
heading</h1>,可將center改為left,rght實現不同的效果。

5.引用

① HTML <q> 元素定義短的引用。瀏覽器通常會為 <q>
元素包圍引號。

<p>WWF 的目標是：<q>構建人與自然和諧共存的世界。</q></p>

② 用于長引用的 HTML <blockquote>，HTML <blockquote> 元素定義被引用的節。
瀏覽器通常會對 <blockquote> 元素進行縮進處理。

<p>以下內容引用自 WWF 的網站：</p> 
<blockquote cite="http://www.worldwildlife.org/who/index.html"> 
五十年來，WWF 一直致力于保護自然界的未來。 
好的環保組織，WWF 工作于 100 個國家， 
并得到美國一百二十萬會員及全球近五百萬會員的支持。 
</blockquote>

③ 用于縮略詞的 HTML <abbr> HTML <abbr> 元素定義縮寫或首字母縮略語。
對縮寫進行標記能夠為瀏覽器、翻譯系統以及搜索引擎提供有用的信息。

6.CSS樣式引入方式

有以下三種方式來插入樣式表：

① 外部：當樣式需要被應用到很多頁面的時候，外部樣式表將是理想的選擇。使用外部樣式表，
你就可以通過更改一個文件來改變整個站點的外觀。

<head> 
<link rel="stylesheet" type="text/css" href="mystyle.css"> 
</head>

文章標題：從零開始到HTML
文章起源：http://m.newbst.com/news13/168213.html

成都網站建設公司_創新互聯，為您提供App設計、手機網站建設、網站改版、網站設計公司、品牌網站設計、自適應網站

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容