《Head First HTML&CSS》学习笔记第一章：认识HTML

最新推荐文章于 2022-07-28 16:05:44 发布

Interstellar_Light.

最新推荐文章于 2022-07-28 16:05:44 发布

阅读量145

点赞数 2

分类专栏：学习心得文章标签： html css

本文链接：https://blog.csdn.net/Y_Sai/article/details/118878567

版权

学习心得专栏收录该内容

8 篇文章 0 订阅

订阅专栏

第一章认识HTML——Web语言

章节总结：

HTML和CSS是我们用来创建网页的语言。
Web服务器存储并提供由HTML和CSS创建的网页。浏览器获取页面，并根据HTML和CSS显示网页的内容。
HTML是超文本标记语言（HyperText Markup Language）的缩写，用来建立网页的结构。
CSS是层叠样式表（Cascading Style Sheets）的缩写，用来控制HTML的表现。
通过HTML，我们利用标记来标示内容提供结构。我们把匹配标记以及它们包围的内容称为元素。
元素由3部分组成：一个开始标记、内容和一个结束标记。不过有些元素（比如<img>）有所例外。
开始标记可以有属性。例如使用CSS时，<style>里面的 type。（详情见下）
结束标记在左尖括号后面、标记名前面有一个“/”，以明确这是结束标记。
所有页面都要有一个<html>元素，其中要有一个<head>元素和一个<body>元素。
网页的信息放在<head>元素里。
<body>元素里的内容就是你将在浏览器里看到的东西。
大多数空白符（制表符、回车、空格）都会被浏览器忽略，不过可以利用空白符让你的HTML（对你）更有可读性。
可以在<style>元素中写CSS规则，为HTML网页增加CSS。<style>元素总要放在<head>元素里。
可以使用CSS在HTML中指定元素的特性。

我的体会

HTML就是利用一些标记来让浏览器识别，并且浏览器能根据这些标记来对文本赋予其一定的结构；
CSS则是在HTML结构的基础上对其显示的文本内容进行美化。
HTML的结构：

 <html>
 	<head>
 		<title> 网页标题（显示于网页最上方的标题） </title>
 		<style type="text/css"><!--body里面为CSS的内容，
 								使用CSS的语法和结构对网页进行“装饰”-->
 			body{
 					xxx
 				}
 		</style><!--CSS中body之间的内容表示
  					所有CSS要应用于HTML中<body>元素中的内容-->
 	</head>
 	
 	<body>
 		<h1> 标题/子标题 </h1>  <!--标题级数有h1-h6六种，大小依次递减-->
 		<p> 正文 </p> <!--段落-->
 		<!-- xxx -->
 	</body>
 </html>

规范性：
1.有前必有后，尖括号必须要写一对；
2.所有结束标记里面的斜杠统一用/，而不是\；
3.首部（head）包含了web页面的有关信息；
4.编写HTML的时候要把首部和页面主体分开；
5.可以不用把匹配的标记放在同一行，可以根据阅读的方便性换行；
6.如果需要用到<style>元素，则需要把它放在HTML的首部里；
7.元素 = 开始标记+内容+结束标记；

即：<p> There is content for your html. </p>

Interstellar_Light.

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
《Head First HTML&CSS》学习笔记第一章：认识HTML

第一章认识HTML——Web语言章节总结：HTML和CSS是我们用来创建网页的语言。Web服务器存储并提供由HTML和CSS创建的网页。浏览器获取页面，并根据HTML和CSS显示网页的内容。HTML是超文本标记语言（HyperText Markup Language）的缩写，用来建立网页的结构。CSS是层叠样式表（Cascading Style Sheets）的缩写，用来控制HTML的表现。通过HTML，我们利用标记来标示内容提供结构。我们把匹配标记以及它们包围的内容称为元素。元素由3部分
复制链接

扫一扫