②<meta>元信息标记,属性name设置搜索内容名称:keywords,description,author等,属性content设置相应的值,属性http-equiv设置服务器发送给浏览器的头部信息:Content-Type,refresh(页面刷新),相应content设值。(例1:<meta http-equiv="refresh" content="5;https://www.baidu.com/"/>,意思为打开页面5秒后跳转到百度。例2:<meta http-equiv="X-Frame-Options" content="SAMEORIGIN / DENY ">防止页面嵌入任何frame)。
③<h1-h6>,定义标题,样式粗体变大,无h7,h8等,只限于标题,勿因改变样式而使用。
④<tt>等宽文本,<i>斜体文本,<b>粗体文本,<big>大号文本,<small>小号文本
⑤<span>,组合行内元素,比如一个段落里需要几种不同样式。
⑥<!-- -->注释
⑦单标记<br/>换行符,<hr/>水平线,单标记与双标记的主要区别是单标记表示的是它本身。
⑧空格 ,浏览器多个空格只会识别为一个空格,需要用转义符号代替。
⑨font文本样式标记,属性face设置文本字体,size设置文本大小,color设置文本颜色。
2.图片标记
<img src="图像URL" alt="图像不能显示时的替换文本" title="鼠标悬停时显示的文本" />,还可以用宽度(width),高度(height),边框(border),align(对齐方式)修饰。
绝对路径和相对路径
3.超链接
<a href="目标地址" target="目标窗口弹出方式,默认为_self(本窗口),_blank(新窗口)">这里可放入文字或图片</a>
name属性可以创建锚,再同一文档或其他页面可以创建指向该锚的链接,锚的作用主要用于页面内容较多或者页面过长时快速定位锚的位置
引用外部链接<link rel="stylesheet" type="类型:text/css 或者text/javascript" href="路径">
4.列表
①无序列表ul
type属性的值disc,circle,square分别对应实心圆,空心圆,实心正方形。
②有序列表ol
type值的1,a,Ⅰ分别对应数字排序,英文排序,罗马数字排序;start可以指定排序的起始值,value指定数字。
③自定义列表dl
<dt>定义名词,<dd>定义描述。
列表可以嵌套。
5.表格
表格结构<table><thead></thead><tbody></tbody><tfoot></tfoot></table>
<th>定义表头,<tr>定义一行,<td>定义单元格 ,colspan水平合并单元格,rowspan垂直合并单元格,cellpadding内容与单元格的空白,cellspacing单元格之间的空白
6.表单
<form action="目标URL" method="提交方式post或get"></form>
input控件,包含text(文本输入框),password(密码输入框),radio(单选按钮),复选框(checkbox),普通按钮(button),submit(提交按钮),reset(重置按钮),image(图像形式提交按钮),hidden(隐藏域),file(文件域);
readonly控制内容为只读,checked默认选项。
textarea控件,定义一个文本区域,属性与input一致。
select控件,下拉菜单选择。