HTML-从零开始的学习过程(1)

最新推荐文章于 2022-12-25 12:01:31 发布

Dokey_L

最新推荐文章于 2022-12-25 12:01:31 发布

阅读量232

点赞数

文章标签： html

本文链接：https://blog.csdn.net/Dokey_L/article/details/105744305

版权

HTML基础

1.HTML的概念
HTML（Hyper Text Markup Language），超文本标记语言，使用一系列的标签对文档、图标以及其他信息资源进行统一关联。
特点：
1.不需要编译，直接由浏览器执行；
2.文本文件；
3.文件后缀名为html；
4.对大小写不敏感。

2. HTML基础语法部分
基本结构：

<!DOCTYPE html>
<!-- 文档类型声明 -->
<html>
<!-- 头部 -->
<head>
	<!-- 标题 -->
	<title></title>
</head>
<!-- 主体内容 -->
<body>内容</body>
</html>

注：注释< ! --内容 – >

在实际展现时，会出现中文乱码的情况，解决的方法是在head标签中添加处理中文乱码的标签：

<head>
	<title>HTML</title>
	<!-- 处理中文乱码标签 -->
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>

3.一些常用标签的介绍
1.标题标签
< h1 >…< /h1 >~< h6 >…< /h6 >

<body>
	<h1>HTML</h1>
	<h2>HTML</h2>
	<h3>HTML</h3>
	<h4>HTML</h4>
	<h5>HTML</h5>
	<h6>HTML</h6>
</body>

在这里插入图片描述
2.段落标签
< p >… < /p >

<body>
	<p>HTML</p>
</body>

p标签可以设置align属性，具体有：
left：左对齐；
right：右对齐；
center：居中；
justify：两端对齐。

<body >
	<p align="left">
		HTML
	</p>
</body>

3.预编译标签
< pre >…< /pre >

<body >
	<!-- 预编译标签 -->
	<pre>
		HTML
	</pre>
</body>

此标签的作用是可以将标签内的内容的原本形式展现出来

4.修饰标签和特殊符号
水平线：< hr/ >
文字斜体：< i >< /i >或< em >< /em >
文字加粗：< b >< /b >或< strong >< /strong >
上标：< sup >< /sup >
上下标：< sub >< /sub >
空格：&nbsp ;
换行：< br/ >
&lt ;---------<
&gt ;--------->
&reg ;已注册
&copy ; 版权
&trade ; TM商标

自己尝试将老师上课所讲内容进行梳理简化，便于日后自己查漏补缺，后面有待补充。