【HTML01】标签的认识

这是HTML界面的第一部分

1.标题标签

 <h1>一级标签</h1>

  <h2>二级标签</h2>

  <h3>三级标签</h3>

  <h4>四级标签</h4>

  <h5>五级标签</h5>

  <h6>六级标签</h6>

2.文本标签

<p>这是一个段落标签</p>
<span>放置文本标签</span>
<!---一个p标签占一行，不管几span标签，都是在一行上--->

3.超链接

<a href="http://www.baidu.com">百度知道</a>
<!---href属性属于a标签自带的属性，里面可以放置要跳转的地址--->
<a href="#demo">进行页面内跳转</a>
<p id="demo"></p>

4.图片

<img src="图片的地址">

5.分割页面

<div>导航栏部分</div>
<!---div标签是最常用的一个页面分割标签，除此之外还有h5新增的标签，会在后续的内容中继续介绍--->

6.列表标签

<!---有序列表--->
<ol>
	<li>我是第一个</li>
	<li>我是第二个</li>
	<li>我是第三个</li>
</ol>
<!---无序列表--->
<ul>
	<li>111</li>
	<li>222</li>
	<li>333</li>
</ul>
<!---自定义列表--->
<dl>
    <dt>青岛</dt>

    <dd>港口城市</dd>

    <dt>曹县</dt>

    <dd>中国第一城市</dd>

</dl>

7.表单内容

<!-- 所有有关表单的组件包裹在form里面，开始的时候如果不懈from期间的表格内容也能实现，但是如果要连接数据，就需要写入到from中 -->
<from action="要连接的某个页面，可以为空">
	<input type="text">用户可见的内容
	<input type="password">密码框
	<input type="radio">单选框
	<input type="checkbox">多选框
	下拉框
	<select name="" id="">
			<option value="">北京</option>
			<option value="">上海</option>
			<option value="">广州</option>
			<option value="">青岛</option>
	</select>
文本域
<textarea placeholder="请输入你的梦想" maxlength="30" name="" id="" cols="30" rows="10"></textarea>
<button>按钮的内容</button>
<input type="submit">提交按钮
<input type="reset">重置按钮
<input type="button">按钮
</from>

文本域的几个属性：
cols：代表初始列的高度
rows代表初始行的高度
placeholder:提示语句
maxlength：规定输入文字的最大字符长度

8.表格内容

<table>
表头<thead><tr><th></th></tr></thead>

  表格内容<tbody><tr><td></td></tr></tbody>

</table>

表格的部分属性：
​ border属性代表是否需要边框与边框的宽度

cellpadding单元格内容距离单元格边框的距离

cellspacing 单元格与单元格之间的距离

width 可以设置宽度

下一篇:02css的认识