会用过xml解析的,对这种标签语言上手很简单吧。
html:超文本标记语言;通过<标签>来生命数据显示格式。
就是数据组织形式。也就是数据显示格式。
互联网的三大基石:
url:资源定位;
http:超文本传输协议;资源传输协议;
Html:资源显示格式;
<head>
主要是配置,浏览器显示数据的配置信息。
例如字符编码
</head>
<body>
数据显示格式实体
</body>
width="200px"宽
size高
文本标签:::
<br>换行
<hr>横杠分隔
空格
<title>标题 <meta charset="utf-8">设置编码
<h1>`````<h6> 字号从大到小的标题,自带换行(没有h7)
<p>段落<span>3</span>标签</p> 段落和段落之间自动换行,段落里面的文字是不会自动换行的
<b>加粗</b>
<i>斜体</i>
<u>下划线</u>
<del>中划线</del>
列表标签:::
1.无序列表<ul>
<li>1 </li> 默认前方有黑点
<li>2</li>
</ul>
2.有序<ol> 前面的数字从一开始且连续递增
其属性有type 改变前面编码的值可以1,a,A I。
3.自定义列表:
<dl>
<dt><dt> 默认顶格(数据的标题)
<dd></dd> 默认前面带制表符(一个dd就是一条数据)
</dl>
图片标签
<img alt="" src="路径"> 默认不自动换行《title》图片标题,alt是图片的说明(图片不能显示的时候会显示alt属性)
超级链接
<a href=""></a> a标签,
href属性是跳转路径
target属性是要条状的页面的显示位置:_self 在当前页面显示
_blank 在新的标签页打开
_top 在顶层页面显示 _parent在父级页面显示
锚点(在当前页自己跳)
表格标签
<table>
border="1px" 设置表格边线 cellspacing="0px 设置单元格之间的距离
<td>一行
<tr>一个单元格 <th>会字体放大
表单标签
form 收集用户数据
<input> 文本: type属性( text文本数据 password 不可见文本数据 ) name(数据提交的键) value(默认值)
submit 提交属性 reset 重置属性
单选框: type属性 (radio单选 name要相同才能单选 checked默认选择 value获得值)
多选框: type属性(checkbox)
普通按钮:type属性(button)不具备提交属性
隐藏标签: (hidden)用户不可见
下拉框
<select> 下拉框: type属性()
<option> 提交的是value (selected默认)
<textarea>文本域: