HTML

最新推荐文章于 2024-05-06 18:37:09 发布

分子( • ̀ω•́ )✧

最新推荐文章于 2024-05-06 18:37:09 发布

阅读量165

点赞数

本文链接：https://blog.csdn.net/weixin_44690183/article/details/105323873

版权

本文介绍了HTML的基本概念，包括超文本和标记语言的定义。文章详细讲解了HTML的入门知识，如语法、后缀名以及各类标签的使用，包括围堵标签、自闭合标签、文本标签、图片标签、列表标签、链接标签、语义化标签和表格标签等。同时，还涵盖了表单元素的使用，如input类型、form属性以及按钮类型。

摘要由CSDN通过智能技术生成

HTML

概念：Hyper Text Markup Language 超文本标记语言
- 超文本：用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
- 标记语言：由标签构成的语言，如html、xml等，不属于编程语言。
入门：
- 语法：
  1. 后缀名 .html 或 .htm
  2. 标签：
    - 围堵标签：开始标签，结束标签。如
    - 自闭和标签：开始标签和结束标签在一起，如
  3. 标签可以嵌套
  4. 在开始标签中可定义属性，属性由键值对构成，值需要用引号引起来。
  5. 标签不区分大小写，但建议使用小写。

<html>
	<head>
		<title>title</title>
	</head>
	
	<body>
		<font color='blue'>Hello HTML</font><br/>
		
		<font color='blue'>Hello HTML</font>
	</body>

</html>

标签学习：
1. 文件标签：构成html最基本的标签。
  - html：根标签
  - head：头标签。用于指定html文档一些属性。引入外部资源。
  - title：标题标签。
  - body：体标签。

<!DOCTYPE html>
<html lang="ch">
	<head>
	<meta charset="UTF-8">
		<title>哈哈</title>
	</head>	
	<body>
		html文件标签
	</body>

</html>

文本标签：与文本有关的标签。
- 注释：
- to
  ：标题标签，h1最大，h6最小。
- ：段落标签。
- ：换行
- ：展示一条水平线 * color：颜色 * width：宽度 * size：高度 * align：对齐方式 * center：居中 * left：左对齐 * right：右对齐
- ：字体加粗
- ：斜体
- ：字体标签 color, size, face

<!DOCTYPE html>
<html lang="ch">
	<head>
	<meta charset="UTF-8">
		<title>文本标签</title>
	</head>	
	<body>
		<!-- 注释 -->
		<!-- br 换行 -->
		白日依山尽，<br/>
		黄河入海流。
		
		<!-- 标题标签 h1~h6 -->
		<h1>标题变大加粗</h1>
		<h3>标题变大加粗</h3>
		<h6>标题变大加粗</h6>
		
		<!-- 段落标签 p -->
		<p>
		段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签
		</p>
		<p>
		段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签
		</p>
		<p>
		段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签段落标签
		</p>
		
		<!-- hr 显示一条水平线 -->
		<hr/>
		
		<!-- 加粗 b -->
		<b>白日依山尽</b>
		<hr/>
		
		<!-- 斜体 i -->
		<i