Day3前端之HTML中篇

最新推荐文章于 2024-07-20 18:10:58 发布

Mr. Lei 　

最新推荐文章于 2024-07-20 18:10:58 发布

阅读量200

点赞数

分类专栏：前端全栈文章标签： html html5 前端

本文链接：https://blog.csdn.net/yl244030424/article/details/120105629

版权

本文主要介绍了HTML中篇的学习目标，包括掌握语法规范、基本结构标签、开发工具以及常用标签的使用。重点讲解了HTML的语法概述、标签关系、基本结构、开发工具VSC的使用，以及DOCTYPE、lang、charset等标签的含义。同时，详细阐述了标题、段落、换行、文本格式化、布局、图像和超链接等常用标签及其属性。最后，提到了HTML中的注释和特殊字符的使用。

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

一、学习HTML中篇所要达成的目标

说出标签书写的规范
写出HTML骨架标签
写出超链接标签
写出图片标签并说出alt和title的区别
说出相对路径的三种形式

二、HTML的语法规范

2.1语法概述

1、HTML标签由尖括号包裹关键字，<html>
2、标签通常成对出现，<html>,称为双标签，第一个是开始标签，第二个是结束标签
3、有些特殊的标签是单标签，极少，<br />，称为单标签，关键字后留一个空格

2.1标签关系

1、包含关系, 也称父子关系

<head>
	<title></title>
</head>

2、并列关系, 也称兄弟关系

<head></head>
<body></body>

三、HTML基本结构标签

3.1第一个HTML

每个网页都会有一个基本的结构标签（骨架标签），页面内容也是在这些基本标签上书写

标签名	定义	说明
<html></html>	HTML标签	页面中最大的标签，称为根标签
<head></head>	文档的头部	注意在head标签中我们必须要设置的标签是title
<title></title>	文档的标题	让页面拥有一个属于自己的网页标题
<body></body>	文档的主体	元素包含文档的所有内容，页面内容基本都是放body里

<html>    <!--这是我整个人-->
	<head>   <!--这是我的头-->
		<title>这是标题</title>  <!--这是我的眼睛-->    
	</head>
	<body>   <!--这是我的身体-->
		这是主体内容！
	</</

最低0.47元/天解锁文章

Mr. Lei 　

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Day3前端之HTML中篇

Day3前端之HTML中篇一、学习HTML中篇所要达成的目标二、HTML的语法规范2.1语法概述2.1标签关系三、HTML基本结构标签四、开发工具五、HTML常用标签六、HTML中的注释和特殊字符一、学习HTML中篇所要达成的目标说出标签书写的规范写出HTML骨架标签写出超链接标签写出图片标签并说出alt和title的区别说出相对路径的三种形式二、HTML的语法规范2.1语法概述1、HTML标签由尖括号包裹关键字，<html>2、标签通常成对出现，<html>
复制链接

扫一扫