html第一阶段学习总结——标签总结

最新推荐文章于 2024-09-14 08:09:14 发布

m0_63341874

最新推荐文章于 2024-09-14 08:09:14 发布

阅读量213

点赞数 1

文章标签： html html5

本文链接：https://blog.csdn.net/m0_63341874/article/details/121042138

版权

1.标题标签

< h1>- <h6>

2.段落标签

<p></p>
换行标签

<br>
<br>标签是一个单标签

3.文本格式化标签

粗体 <strong> 或 <b>
倾斜<em>或<i>
删除线<del> 或<s>
下划线<ins>或<u>

4.div标签和span标签

5.图像标签

alt：替换文本，图像显示不出来时，可用文字代替
title：提示文本，鼠标放在图片上时，可以显示文字

<DOCTYPE html>
<html>
<head>
<mata charset="utf-8">
<title>插入图片</title>
</head>
<body>

<img src="images/baidu.gif/>

</body>
</html>

6.链接标签

*外部链接 <a>
格式<a href="跳转目标“ target="目标窗口的弹出方式“>文本图像</a>
其中target=”-self“为默认值，打开方式为在当前窗口打开
target==”-blank“打开方式为跳转到新页面打开
例如<a href="http://www.qq.com" target="-blank"> 腾讯 </a>

*内部链接：网页内部页面之间的相互链接
例如<a href="index.html”>首页 <a>

*空链接 # 没有确定链接目标
例如 <a href="#"> 首页 </a>

*下载链接：地址链接的是文件 .exe或者是.zip等压缩包的形式
格式<a href="img.zip">下载文件</a>

*网页元素的链接:在网页中的各种网页元素，如文本，图像，表格等都可以添加超链接
<a href="http://www.baidu.com"><img src="img.jpg" /></a>

*锚点链接：点击链接，可以定位到网页中的某个位置
属性值为#名字的形式
例如<a href="#two">第二季</a>
找到目标位置的标签，里面添加一个id属性=刚才的名字
<h3 id="two">第二季介绍</h3>

7.注释标签和特殊字符

注释标签：无法在网页中显示，按ctrl和/键
<！--注释语句-->
特殊字符：主要字符空格符： 
（<)小于号: <
(>) 大于号： &gt；

8.表格标签

<table>--定义表格的标签
<tr>--定义行的标签，必须在<table></table>标签中
<td>文本</td>--定义列的标签，必须在<tr></tr>标签内
</tr>
</table>

9.表头单元格标签

表头单元格的内容加粗剧中显示
<th>标签表示html表格的表头部分
如<table>
<tr>
<th>文字</th>
<td>文本</td>
</tr>
</table>

10.表格结构标签

<thead></thead>:用于定义表格的头部，内必须含有<tr>标签，一般位于第一行
<tbody></tbody>:用于定义表格的主体
以上标签放在<table>标签内

11.合并单元格

跨行合并：rowspan=“合并的单元格的个数“
跨列合并：clospan=”合并的单元格的个数“
跨行合并：最上侧为目标单元格
跨列合并：最左侧为目标单元格

12.列表标签

*无序列表
<ul>
<li>文本内容</li>

......
</ul>
*有序列表
<ol>
<li>文本内容</li>

......
</ol>
无序列表和有序列表中的<li>标签应在<ul>或<ol>标签内
*自定义列表
<dl>
<dt>名词</dt>
<dd>名词解释</dd>
<dd>......<dd>
......
</dl>
<dt><dd>没有次数限制

13.表单标签

*表单域
<form>标签用于定义表单域，会将表单元素信息提交给服务器
<form action="url地址” method="提交方式“ name="表单域名称”

......
</form>
其中method= get/post

14.input之type属性

文本框<input type="text">
密码框<input type="password">
单选按钮<input type="radio">
复选框<input type="checkbox">
提交按钮<input type="submit">
重置按钮<input type="reset">
普通按钮<input type="button">
文件域 file上传文件时使用<input type="file">