HTML
超文本标记语言,是一种标记语言,描述网页的语言。使用标签描述网页中的图片、文本、音乐、视频、超链接等。
<!DOC html>:文档类型声明
<body></body>:网页的主要内容
<head><title></title></head>:网页的标题部分
<h1>--<h6>:标题标签,逐级减小字号
<p></p>:段落标签
<br/>:换行标签
<hr/>:水平线标签
<em></em>:字体为斜体
<strong></strong>:字体加粗
插入图片:<img src="路径" alt="图片无法显示的提示文本" width=" " height=" ">
超链接
超链接:<a href="链接地址" target="窗口位置">文本或图像</a>
_self:浏览器本页面
_blank:打开新的页面
- 页面间的链接:A页到B页
- 锚链接:跳转到固定位置
功能性链接
特殊符号
空格:
>: >
<: <
引号:"
©:©
插入音视频
controls:提供播放、暂停和音量的控件
autoplay:自动播放
插入视频:<video src="路径" controls autoplay></video>
插入音频:<audio src="路径" controls autoplay></audio>
结构元素
header:标题头部区域的内容
footer:标题脚部区域的内容
section:web页面的一块独立区域
article:独立的文章内容
aside:相关内容或应用(侧边栏)
nav:导航类辅助内容
列表
有序列表:<ol><li>内容</li></ol>
无序列表:<ul><li>内容</li></ul>
自定义列表:<dl><dt>标题</dt><dd>内容</dd></dl>
list - style - type:无序列表符号
none:无符号
disc:默认,实心圆
circle:空心圆
square:实心正方形
decimal:数字
list - style - image:符号为背景图片
表格
<table><th>单元格标题<th><tr>行</tr><td>列</td></table>
colspan:列合并;rowspan:行合并
表单
<form action=" "></form>
网址框不显示:method="post"
提交按钮:<input type="submit" />
多选框:<input type="checkbox">
重置按钮:<input type="reset" />
文件上传:<input type="file" />
下拉框:<select name=" " id=" "><option></option></select>
多文本框:<textarea name=" " id=" " cols="列" rows="行">
禁用按钮(灰色):<input type="disabled" />
只读按钮:<input type="readonly" />
隐藏数据:hidden
最大长度:maxlength
表格:简单通用、结构稳定
图片按钮:<input type="image" src="路径" />
邮箱:<input type="email" />
网址:<input type="url" />
数字:<input type="number" />
滑块:<input type="range" />
搜索框:<input type="search" />
表单标签
<textarea><select><input>
<textarea>属性:cols;rows
<select>属性:option;传递的数据写在value
<input>属性:受到type的影响
text;password;sumbit;button;number;email;radio;checkbox;file;
类型的共有属性:name;id;value
select默认选择:selected
多选框默认选择:checked
只读:readonly,禁用:disable
标签指引:<lable for=""><lable><id="">
html注释
<!--注释内容--> 行注释(Ctrl+/) 块注释(Ctrl+Shift+/)