HTML语法记录

标签用法

<h></h>头部标签head，可加1234分别表示几级标题

<p></p>段落paragraph

<b><b/>加粗

<br></br>换行

<i>斜体，意大利人发明

<per>用预设的格式，比如诗

<src>source资源

<img>图片

<img src>可加图片链接

列表-

有序列表
<ol></ol>orderd list
每一行标签是li

无序列表
<ul>unordered list
行标签是li

定义列表由元素创建，通常包括一系列术语及其定
定义
列表的英文是definition list
<dl><dl>
<dt>代表被定义的词，<dd>代表词的意
义

<a>引用
链接</a>
<a href="......">文字</a>
href后面跟的是网站地址
<a>可嵌套在列表里
可在网址后加” target="_blank" 使得网站在自动在新窗口打开

表单

<input type="text" name="username" maxlength="30"/
text默认宽度为 20 个字符。

文本框前面有信息提示
<label>登录名：</label>
<input type="text" name="username" maxlength="30"/>

密码框<input type="password"/>

<textarea>…</textarea>文本域
可输入多行文字
cols特性指定文本域有多宽
rows特性指定文本域在纵向上占据的行数

添加视频

<video src="">

preload="......"双引号里面可以跟三种内容
none 表示在用户按下播放按钮之前，浏览器不会加载视频
auto 表示浏览器应该在页面加载时载入视频
metadata	表示当页面加载后仅加载音频/视频的元数据，
特性
controls就表示浏览器需要提供默认的播放控件(进度条，播放按钮)
autoplay自动播放
loop播放结束后循环播放

<

添加音频

<audio src="......" ></audio>特性和视频一样
HTML里面注释的标签是<!--这是一行注释-->

表格<

<table>
<tr>表示表格中的每一行，table row
<td>单元格，table data
<th>表头

下拉列表框

<select name='phone'>
	<option value='ipod'>ipod</option>
	<option value='apple'>apple</option>
	
</select>

name指这个列表框名称

selected特性指定下拉框默认选项
例：设置默认国籍为中国

<p>请选择你的国籍</p>
<select>
	<option value='America'>美国</option>
	<option value='Australis'>澳大利亚</option>
	<option value='China' selected='selected'>中国</option>
	
</select>

复选框

<p>请选择你喜爱的食物</p>
<input type='checkbox' name='food' value='pizza' checked='checked'/>checked用法和select一样
<input type='checkbox' name='food' value='pasta'/>pasta
<input type='checkbox' name='food' value='icecream'/>

按钮

<button>提交</button>

转义字符
为了区分和标签内容一样的符号

`<的转义字符为&lt
>的转义字符为&gt

eg
<p>啦啦啦&ltp&gt</p>

显示结果为啦啦啦<p>

商标 &#8482

<p>chengxu&#8482</p>

结果为：

chengxu™

更多转义字符

<title>网站名字</title>