HTML及其基本标签

最新推荐文章于 2024-09-23 17:12:42 发布

qq_38512978

最新推荐文章于 2024-09-23 17:12:42 发布

阅读量119

点赞数

分类专栏： web 文章标签： html

本文链接：https://blog.csdn.net/qq_38512978/article/details/92389678

版权

web 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

一、HTML

什么是HTML(超文本标记语言 Hyper Text Markup Language)?
- 主要提供给浏览器进行解析的一门语言
- 语法由标签组成。
基本组成：

<html>
	<head>
		<title>标题</title>
		//外部的引入文件 css, js
		//配置: eg 编码
	</head>
	<body>
		//展示的内容
	</body>
</html>

<head></head>：
- 作用：
1. 指定网站的标题
2. 指定网站的关键字/指定网站的描述信息
3. 外挂一些外部的css/js文件
4. 添加一些浏览器适配相关的内容
<title></title>
- 作用：
1. 专门用于指定网站的标题，并且这个指定的标题将来还会作为用户保存网站的默认标题
2. title标签必须写在head标签里面
body标签：
- 作用：专门用于定义HTML文档中需要显示给用户查看的内容
排版标签：
- 字体标签：
- 标题标签：<hn></hm>
- 段落标签：
- 粗体标签：
- 斜体标签：
- 下划线标签：<hr/>
- 换行标签： 
- img标签：<img src=“图片路径” width=“宽” height=“高” alt=“图片描述” title=“当鼠标悬停在图片上时，需要弹出的描述框中显示内容”/>
列表标签:
- 无序列表

<!--type：circle：空心圆；square：实心的正方形-->
<ul type="类型">
    <li>需要显示的条目内容</li>
    ...
</ul>

有序列表:

<!--type：start属性: 起始的索引(默认是第1个)   type属性: 列表类型;  1: 阿拉伯数字; a: 小写的英文字母; A:大写的英文字母; i: 小写的罗马数字; I:大写的罗马数字-->
<ol type="类型" start="起始索引">
    <li>需要显示的条目内容</li>
    ...
</ol>

超链接标签：
- 格式：<a href=“指定需要跳转的目标路径” target=“打开的方式”>需要展现给用户查看的内容</a>
- target属性取值: _blank：新起页面、_self：当前页面（默认）
表格【完整结构】

<table>
 	<caption>表格的标题</caption><!--caption作用：指定表格的标题-->
	<thead><!--指定表格的表头信息-->
		<tr>
			<th>每一列的标题</th>
		</tr>
	</thead>
	<tbody><!--指定表格的主题信息-->
		<tr>
			<td>数据</td>
		</tr>
	</tbody>
	<tfoot><!--指定表格的附加信息-->
		<tr>
			<td>数据</td>
		</tr>
	</tfoot>
</table>