前端入門 HTML5(一)

2021-10-08 09:35:37 字數 1732 閱讀 2892

是用來描述網頁的一種語言,是指超文字標記語言,不是程式語言是一種標記語言。

head、body(主體部分)

h1…h6等標籤進行定義標題,分別對應字型的從大到小

p標籤定義乙個段落的文字,不在標籤內的文字要重啟一行

/br: 換行

class: 規定元素的類名

id: 規定元素唯一的id

style: 規定元素的樣式

title:規定元素的額外資訊

href屬性:鏈結位址(本體或者網路)

target屬性:開啟方式,_blank,_parent,_self,_top

name屬性:標籤名稱,可以通過+「#」賦給href跳轉

align屬性:標題位置,right,left,center…

style: 樣式定義

link: 資源引用

rel=「stylesheet」,外部樣式表

type=「text/css」, 引入文件的型別

margin-left: 邊距

外部樣式表:

建立外部css樣式檔案

在頭部head標籤中插入link標籤,link的屬性如下:

rel=「stylesheet」

href=「外部樣式css檔案」

tyle=「text/css」

內部樣式表:

在頭部head標籤中插入style標籤,標籤的屬性為type=「text/css」。

標籤的內容為(標籤名稱):

p body

或者是標籤的id:

#container

內聯樣式表

直接在所在標籤新增標籤樣式屬性,如p標籤

文字鏈結、鏈結(在標籤a內定義img標籤)

href: 指向另乙個文件的鏈結

name: 建立文件內的鏈結

alt: 替換文字屬性

width: 寬

height:高(px)

li: 列表內的每一項

border: **的邊框

cellpadding: 單元格邊距

cellspacing: 單元格間距

background:**背景

bgcolor:**背景色

使用標籤:ul、li

type屬性:disc、circle、square(實心圓、空心圓、矩形)

使用標籤:ol、li

type屬性:a、a、l、i、

start屬性:10

使用標籤:ul、ol、li

使用列表:dl、dt、dd

以新行開始的元素h1、p、ul

不以新行開始的元素b、a、img

塊元素,是組合html元素的容器

內聯元素,可以作為文字的容器

table布局:內聯樣式表,直接在標籤內定義樣式屬性

div布局:在頭部插入內部樣式表,可用id索引定義樣式

前端HTML5總結一

下面主要講a鏈結的幾個屬性 1.href 主要是規定鏈結指定的url 普通鏈結 鏈結 號碼 鏈結郵箱 2.target 鏈結的開啟方式 3.name 確定錨的名稱 跳到頁面的second節點 second位置 a標籤的多種狀態 注 如果這四項的書寫順序稍有差錯,鏈結的效果可能就沒有了,所依每次定義鏈...

HTML5前端開發入門之video audio標籤

1.什麼是video標籤?格式1 video 標籤的屬性 srcautoplay controls 用於告訴video標籤是否需要控制條 poster loop preload muted 靜音 width 寬度 height 高度 格式2 這個時候w3c未了解決這個問題,所以推出了第二個video...

前端HTML5標籤學習 一

1.基本標籤 1.1標題標籤我是四級標題 我是五級標題 我是六級標題 p 鋤禾日當午,汗滴禾下土。誰知盤中餐,粒粒皆辛苦。p br hr em 我是斜體標籤 em strong 我是加粗標籤 alt 載入失敗提示資訊 a href 名 a a href helloworld.html 憫農 a a ...