html框架标签:
<html></html>整个html文件都会放入html标签中
<head></head>html的头部文件,一般是为浏览器提供对应的网站需要的相关信息
<body></body>标签,里面的内容是浏览器最终解析给用户显示在浏览器里面的内容
常用标签:
<h1>~<h6>标签是标题标签,里面的内容会默认加粗,更醒目,且依次变小
<br>换行标签
<hr>水平线标签,水平分割线
<br>与<hr>标签没有结束标签
<p>段落标签,里面可以嵌套文字
<storng>标签,文字加粗标签
<em>\<i>字体倾斜标签
<u>下划线标签
<video src="视频路径"></video>视频标签,可以增加视频
src="视频路径" 这个属性是必不可少的
autoplay属性:自动播放属性
muted属性:静音播放
controls属性:播放控件
loop属性:循环播放
<audio src=" 音频路径"> </audio>音频标签,属性与视频一至,没有静音播放属性
表格:
<table>
<tr>
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
表格属性:
border :边框
width:设置表格的宽度
rules : 取值为all,就可以实现细线表格样式
cellpadding:规定内容距离单元格边沿的空白距离
cellspacing :设置单元格和单元格之间的距离,一般取值为0或者不设置即可;
align:设置表格的对齐方式,取值为left、center、right;如果align设置给table只影响table整体,不会影响th和td;
表格结构标签
<thead>标签用于把对HTML表格里的表头集中起来;
<tbody>用于集中主体内容;
<tfoot>用于集中表尾;
链接标签:
<a href="http://www.baidu.com" target="_blank"></a>跳转标签
href属性设置要跳转的目标位置,一般建议里面书写相对路径;
target属性设置打开超链接a的方式,一般使用 _blank取值,实现新窗口打开链接;target="__ blank"
锚点链接:实现页面内部的跳转,让用户快速的访问某一个位置
1、找到要跳转的位置,然后用id在标签身上做标记;
<h2 id="mao1">某个位置</h2>
2、设置超链接a的href取值为#id值
<a href="#mao1">跳转到某个位置</a>
有序列表ol:里面只能嵌套li,li是有顺序的
<ol>
<li></li>
<li></li>
<li></li>
</ol>
无序列表ul:只能嵌套li,li是没有顺序的
<ul>
<li></li>
<li></li>
<li></li>
</ul>
自定义列表dl:dt表示描述标题,dd表示描述内容
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dd></dd>
</dl>
from表单:
-
input表单控件
-
select下拉列表
-
textarea文本域
input表单控件里包含很多列举如下:
文本框 type取值为text <input type="text" >
密码框 type的取值为password <input type="password" >
单选框 type的取值为radio <input type="radio" name="sex" > 男
<input type="radio" name="sex" > 女
button按钮
<button>按钮</button>
select下拉列表
select标签嵌套多个option标签;
<select name="" >
<option value=""></option>
<option value=""></option>
<option value=""></option>
</select>
textarea文字域,cols和rows属性来规定textarea的尺寸
<textarea cols="30" rows="10"></textarea>