从零开始小说 html,从零开始的HTML生活
HTML超文本標記語言(Hyper Text Markup Language),是用來描述網頁內容的一種語言,HTML文檔也就是網頁,Web瀏覽器的作用是讀取HTML文檔,并以網頁形式顯示它們,瀏覽器不會顯示HTML標簽,而是使用標簽來解釋頁面的內容。
HTML
HTML標簽
用以表達頁面內容及結構。
HTML用來描述網頁的被稱之為HTML標簽,HTML標簽是由尖括號包圍的關鍵詞,頁面上的所有元素都是由各種標簽組成,HTML標簽一般是成對出現的,比如
和
有些標簽是沒有結束標簽的,稱為“單標簽”,比如,在HTML5的時代,不再推崇加 ‘/’ 閉合的方式。HTML標簽對大小寫步敏感,但提倡使用小寫。
HTML 屬性
提供有關HTML元素的更多信息。
以鍵值對形式出現,在HTML元素的開始標簽中規定,一個元素可以有多個屬性,且屬性名和屬性值對大小寫不敏感。屬性值可以不使用引號,當值里有空格等特殊符號的時候,需要雙引號或單引號引起,但是不建議不是用引號。
常用屬性:
class:規定元素的類名
id:規定元素的唯一 id
style:規定元素的行內樣式
title:規定元素的額外信息
align:規定對齊方式的附加信息
bgcolor:規定背景顏色
HTML 注釋
一個網頁的組成
這里是
顯示內容
必須是HTML文檔的第一行。聲明不是 HTML 標簽;它是指示 web 瀏覽器關于頁面使用哪個 HTML 版本進行編寫的指令。
用來包住所有HTML標簽,包含
和兩部分head里的標簽
meta, link, script, title,style
title:定義文檔的標題。title對于搜索引擎優化很重要。
meta:可提供有關頁面的元信息(meta-information),比如針對搜索引擎和更新頻度的描述和關鍵詞。
再比如,規定瀏覽器用什么編碼來解析這個html頁面。例如,中文亂碼可以通過以下語句設置所用的字符集為utf-8:
script:定義客戶端腳本
link:定義文檔與外部資源之間的關系,常用來引入css
style:定義樣式信息
body里的標簽
body里的標簽就太多了,主要分為幾類:
文字相關類:
h:定義標題1到標題6,h1,h2,h3,h4,h5,h6,文字大小一次減小
p:html段落
a:html鏈接,href屬性中指定鏈接地址,target屬性定義被鏈接的文檔在何處顯示
b, strong:定義粗體文字
em, i:定義內容為斜體
q:定義短引用,瀏覽器通常會為 元素包圍引號。
blockquote:定義長引用,瀏覽器通常會對 blockquote 元素進行縮進處理
abbr:定義縮寫或首字母縮略語,對縮寫進行標記能夠為瀏覽器、翻譯系統以及搜索引擎提供有用的信息。
圖像類
img:空標簽,src屬性的值是圖像的 URL 地址,alt屬性用來為圖像定義一串預備的可替換的文本
表格類
table:定義表格,border屬性定義邊框,默認不顯示邊框
tr:定義表格行,大多數瀏覽器會把表頭顯示為粗體居中的文本
td:定義表格列,
表示空單元格列表類
ul:無序列表
ol:有序列表
li:列表項
表單類
form:定義HTML表單,action屬性定義在提交表單時執行的動作
input:根據type屬性,可以是文本(text)、單選按鈕(radio)、復選框(checkbox)、提交按鈕(submit)、密碼(password)、按鈕(button)等
fieldset:組合表單中相關數據,為
元素定義標題select:定義下拉列表,定義待選擇的選項
textarea:多行文字輸入域
代碼類
code:定義編程代碼示例,不保留多余的空格和折行
pre:解決code不保留多余的空格和折行,用
元素包圍代碼其它類
hr: 標簽在HTML頁面中創建水平線
br:
在不產生一個新的段落情況下換行
以上指列出了使用頻率較高的標簽,更多標簽和屬性見W3School
HTML
和標簽可以將網頁分割成不同的、清晰的、獨立的局部模塊,然后在不同的模塊中添加內容。 這樣使網頁布局結構更加清晰,代碼更加獨立,代碼修改時能盡量少地影響到整體頁面, 所以在網頁開發中提倡使用標簽。圖層常見屬性設置:id: 用于標識
塊(即標簽的名字)class: 修飾
塊的css樣式組position:絕對定位和相對定位 (abosolute,relative)
height:
模塊的高度width:
模塊的寬度left:相對于窗口左邊的位置
top:相對于窗口上邊的位置
vs 是塊級元素,用于組合其他HTML元素的容器;是內聯元素,可用作文本的容器。二者都是為了邏輯分塊,表示一個單獨的塊,表示一個行內的塊。參考資料
總結
以上是生活随笔為你收集整理的从零开始小说 html,从零开始的HTML生活的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html菜单浮动,浮动菜单,可实现上下滚
- 下一篇: 高中计算机应用基础试讲,试讲计算机应用基