HTML
全稱:Hyper-Text Markup Language
超文本標記語言
- Tag :標簽(承載內容)
- CSS:層疊樣式表(頁面顯示和渲染)
- JavaScript:JS(處理交互式行為)
<h1></h1>標題標簽
<p></p>段落標簽
<div></div>塊級元素
<span></span>行級元素
換行標簽
<button>按鈕
對字體強調:
<em></em>傾斜
<strong>加粗
<ins>插入
<del>刪除線
列表控件:
<ul>無序列表
<ol>有序列表
<li>列表元素
<dl>定義列表
<dt>定義標題
<dd>定義的描述
超鏈接
<a>超鏈接
- 頁面鏈接
- 錨點鏈接
- 功能鏈接
href : 鏈接
target: _blank新頁面
圖像
<figure>
<img>圖像
<figcaption>圖片說明
width:寬度
title:鼠標放在圖片上顯示的內容
src:路徑
alt:當圖片加載失敗顯示的內容
列表控件:
<table>
<caption>表名
<th>表頭
<tr>行
<td>列
width:列寬
rowspan:合并行
colspan: 合并列
表單控件
<form>
<fieldset>添加大框分類
<legend>大框類的名字
method:post
enctype="multipart/form-data"上傳文件必填
<input>
type:輸入類型(text催烘、password、radio)
type=text 或者 password
placeholder:提示性文字
type=radio單選 或者checkbox多選
name:名字必須相同
checked:默認選擇
type=date日期
type=del數(shù)字
type=email郵箱
type=file選擇文件
type=number輸入數(shù)字
type=submit提交
type=reset重置
下拉列表:
<select>
<option>
多行文字輸入
<textarea>
音頻:
<source>
<audio>
controls:產生播放器
autoplay:背景播放
loop:循環(huán)播放
視頻:
<video>
<source>
內部窗口
<iframe>
src:路徑
height:高度
頁面格式布局
<header></header>:頁眉
<nav></nav>:導航欄
<main>
<article></article>內容一
<article></article>內容二
<aside></aside>邊內容
</main>
<footer></footer>頁腳