html标签的相关知识总结
如下代码介绍了html的基本结构以及常见的标签：
<html><!--根标签-->
<head><!--头部标签-->
<title>网页名称标签</title>
</head><!--头部到此结束-->
<body>
<!--以下是一些文章结构类标签-->
<h1>一级标题标签，有h1~h6六级</h1>
<p>段落标签</p>
换行标签</br>是一类单标签，没有配对标签
<!--以下是一些文本效果标签-->
<strong>加粗文字</strong>
<b>加粗文字</b>
<em>倾斜文字</em>
<i>倾斜文字</i>
<del>删除线</del>
<s>删除线</s>
<ins>下划线</ins>
<u>下划线</u>
<!--以下是一些容器标签，后面学习css经常使用-->
<div>一行中仅有一个，是一类典型的块元素，容器中内容可以是文字、其他标签、小盒子</div>
<!--块元素：独占一行，例如<div>、<h1>、<p>、<ul>、<ol>、<li>，内部可以放文本、行内元素以及块元素-->
<span>一行中可以有多个，是一类典型的行元素，容器中内容可以是文字、其他标签、小盒子</span>
<!--行元素：也称行内元素，一行可显示多个行元素，，例如<span>、<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>，内部可以放文本或者行内元素-->
<!--行内块元素：同时具有块元素和行元素特点，一行可以显示多个，但是大小和边距和块元素一样可以控制，例如<img /><input /><td>等-->
<!--图像标签-->
<img src="图像url" /><!--src指示图片所处的位置，必须有-->
<!--其他属性可使用<img src="图像url" 属性2 属性3 …/>的方式继续
alt【替换文本，图片加载失败时的文字】
title【不是标题，而是鼠标经过图片时的提示性文字】
width、higth【设置图片宽度和高度，格式为width="10",表示宽度为10px，即10像素点】
border【设置图片的边框粗细，格式为border="5",表示宽度为5px，H5不支持】
-->
<!--超链接标签-->
<a href="链接跳转的对象地址" target="-self" >文本或者标签</a>
<!--
target属性指的是跳转页面的打开方式，target="-self"表示此窗口打开，target="-blank"表示新窗口打开
-->
<a href="#" >文本或者标签</a><!--空链接，跳转对象还不确定-->
<a href="#two">文字或者标签</a><!--锚点链接，通常用于同页面中的跳转，例如“返回顶部”，需要在目标标签中设置id属性，例如<h3 id="two">标题内容</h3>，这样点击该链接便可以实现同页面中的内容跳转-->
<!--表格标签-->
<table><!--表示表格整体-->
<tr><!--表示表格中的某一行-->
<th>表头内容</th><!--一行中的首列内容-->
<td>单元格内容</td><!--一行中的若干个单元格-->
</tr>
</table>
<!--列表标签-->
<ul><!--无序列表（Unordered List）标签-->
<li>列表项内容，可以是文字、图片或者其他标签</li>
</ul>
<ol><!--有序列表（Ordered List）标签-->
<li>列表项内容，可以是文字、图片或者其他标签</li>
</ol>
<dl><!--定义列表/描述列表（Defined List）标签-->
<dt>表项定义，表示该表项的名字</dt>
<dd>表项解释，表示对该表项目的描述，一个dt可以对应多个dd</dd>
</dl>
<!--表单标签-->
<!--1、表单域标签，需要结合JavaScript进行后台数据处理-->
<form action="url地址，指示数据提交的位置" method="提交方式" name="表单域名称">各类表单控件</form>
<!--2、表单控件标签-->
<input type="控件的类型" />
<!--常见的控件类型，即type的属性值取值包括：
button 按钮
checkbox 复选框
file 文件上传，定义输入字段和浏览按钮
hidden 隐藏的输入字段
image 图像形式的提交按钮
password 密码字段，会用掩码显示
radio 单选按钮
reset 重置按钮，清空所有已填数据
submit 提交按钮，将信息传递给服务器
text 单行输入框
input属性除了type，还包括：
name 定义input元素的名称
value 定义input元素的值，用于后台的数据收集
checked 表示某元素首次加载已经被选中，用在单选/复选框中表示默认选项
maxlength 一个正整数，规定输入字段中的字符最大长度
-->
<!--3、表单辅助标签-->
<!--3.1 控件解释标签-->
<label for="id名称" >对某个控件的解释性文字</label><!--在对应的表单控件标签中，格式为<input type="控件的类型" id="对应的id名称" />:-->
<!--3.2 下拉表单标签，复选栏内容较多时折叠显示-->
<select>
<option>选项1内容</option>
……
<option>选项n内容</option>
</select>
<!--3.3 文本域标签，多行输入框-->
<textarea rows="行数，一个整数" cols="每行字数，一个整数">
无文字输入时的提示内容
</textarea>
</body>
</html>
扫一扫
1678
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
