1. 程式人生 > >Web前端開發之HTML+CSS基礎入門(使用CSS樣式的方式)

Web前端開發之HTML+CSS基礎入門(使用CSS樣式的方式)

AD 層疊樣 b前端開發 col In 基於 允許 ML 語言

1) HTML<!DOCTYPE> 聲明標簽

a.定義和用法

<!DOCTYPE> 聲明必須是 HTML 文檔的第一行,位於 <html> 標簽之前。

<!DOCTYPE> 聲明不是 HTML 標簽;它是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。

在 HTML 4.01 中,<!DOCTYPE>聲明引用 DTD,因為 HTML 4.01 基於 SGML。DTD 規定了標記語言的規則,這樣瀏覽器才能正確地呈現內容。

HTML5 不基於 SGML,所以不需要引用 DTD。

b.各版本聲明

HTML5:

<!DOCTYPEhtml>

<metacharset="utf-8">

HTML 4.01:

  <!DOCTYPEHTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

該 DTD 包含所有 HTML 元素和屬性,包括展示性的和棄用的元素(比如 font)。不允許框架集(Framesets)。

<meta http-equiv=Content-Typecontent="text/html;charset=utf-8">

註意的規則:

  單標記必須閉合比如<br>必須寫為<br />  <input />

單屬性必須添加屬性值:<input typr="radio" checked >必須寫為<input typr="radio" checked="checked" />

標記和屬性必須使用小寫:<Body><BODY>是錯的必須寫為<body>

屬性的屬性值必須使用"":在HTML4.01之前可以使用<body bgcolor=red>,HTML4.01必須寫為<bodybgcolor="red">

2) CSS層疊樣式表

內嵌樣式表:<bodystyle="background-color:green; margin:0; padding:0;"></body>

嵌入樣式表: <style type="text/css"></style>,需要將樣式放在<head></head>中

引入式樣式表: <link rel="StyleSheet"type="text/css" href="style.css">

自己的博客小站地址:http://www.ldxzs.top 歡迎大家光臨,正在不斷完善

Web前端開發之HTML+CSS基礎入門(使用CSS樣式的方式)