Html日记

Html笔记

Html5

单闭合标签

<标签名 属性1=“属性值1” 属性2=“属性值2”/>
例：<meta charset="UTF-8"/>

双闭合标签

<标签名 属性1=“属性值1” 属性2=“属性值2”>
Hello World!
</标签名>
例：<h1>双闭合标签</h1>

行标签

标题标签

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

段落标签

<p></p>

水平线标签

<hr/>

有序列表和无序列表标签

<ol>
<li></li>
</ol>
<ul>
<li></li>
</ul>

定义描述标签

<dl>
<dt>标题</dt>
<dd>描述</dd>
</dl>

表格标签

<table>
<tr>行
<td>列</td>
<td></td>
</tr>
</table>

表单标签

<form>
</form>

实际开发中常用的4种块状结构

1、div-ul(ol)-li：常用于分类导航或菜单等
2、div-dl-dt-dd：常用于图文混编的场合
3、table-tr-td：常用于图文布局或显示数据
4、form-table-tr-td：常用于布局表单

图像标签

<img src="图片地址" alt="提示文字" />

范围标签(行级标签)

<span>文本等行级内容</span>

换行标签(行级标签)

<br/>	

加粗标签

<b>文本</b>

斜体标签

<i>文本</i>

下标标签

<sup>文本</sup>

上标标签

<sub>文本</sub>

超链接

<a href="链接地址" target="目标窗口位置">点击到链接地址</a>

锚链接

<a name="属性"/>
<a href="#属性">点击跳转到属性的位置</a>

特殊符号

空格：&nbsp
大于：&gt
小于：&lt
引号：&quot
版权号：&copy

表单的基本语法

<form action="表单提交地址" method="提交方法">
账号：<input type="text" name="username" size="输入框的长度" maxlength="可输入的文本数量"/>
密码：<input type="password" name="password" />
<input type="submit" name="提交" value="提交"/>
<input type="reset" name="重填" value="重填"/>
<input name="组名" type="radio" value="值" checked=""/>
<input type="checkbox" name="" value="" checked="">
<input name="表单元素名称" type="类型" value="值" size="显示宽度" maxlength="最大输入长度" checked="是否选中"/>
</form>