HTML期末复习1

最新推荐文章于 2024-05-21 18:11:13 发布

qq_49388744

最新推荐文章于 2024-05-21 18:11:13 发布

阅读量206

点赞数

分类专栏：笔记文章标签： html 前端 css

本文链接：https://blog.csdn.net/qq_49388744/article/details/125346302

版权

笔记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML期末复习

Web前端开发基本认识

HTML(HyperText Markup Language,超文本标记语言)

是内容的载体
HTML不是编程语言，而是一种描述文档结构的标记语言，构成Web页面的结构。HTML由浏览器解释执行，具有平台无关性。目前最新的标准是HTML5。

CSS(Cascading Style Sheets,层叠样式表)

是表现
用于控制网页中各元素的显示样式与布局，增强了页面的表现力，使整个网页风格趋于统一；允许将表现与网页的内容分离，可以减少网页的代码量，增强网页的浏览速度，目前最新标准是CSS3。

JavaScript

用于实现网页的动态性、交互性
是一种解释性脚本语言，与HTML DOM共同实现Web页面的行为（实现了用户与网页之间的一种实时性、动态性、交互性的关系）
在这里插入图片描述

1、HTML基本结构

（1）标签

HTML文档主要由若干标签组成，标签是HTML中最基本的单位。
特点如下：①由尖括号包围关键词。②通常是成对出现的。③有单独呈现的标签。④一般成对出现的标签。⑤标签可以包含标签，即标签可以成对嵌套，但不能交叉嵌套。⑥标题、字符格式、语言、兼容性、关键字、描述等信息显示在head标签中，而网页显示的内容嵌套在body标签中。

文档的基本结构

<!--它是一条指令不属于HTML标签，相当于HTML规范-->
<!DOCTYPE html>
<!--该标签标志HTML文档的开始-->
<html lang="en">
<!--定义HTML文档的头部信息-->
<head>
	<!--解码信息-->
	<meta chartset="utf-8">
	<!--标题-->
	<title>HTML5基本语法</title>
</head>
<!--用于定义HTML文档所要呈现的内容-->
<body>
	内容<!--注释-->
</body>
</html>

2、CSS基本语法

CSS定义了HTML中各个元素的显示方式。
选择器{属性1：属性值1；属性2：属性值2；属性3：属性值3；…}

（1）选择器

为了能够使CSS规则与HTML元素对应起来，就必须定义一套完整的规则，实现CSS对HTML的“选择”，这就是它叫做“选择器”的原因。

（2）声明

p{
	margin:10px;
	border:1px solid #000000;
	background:#f2f2f2;
}

（3）CSS基本选择器

基本选择器有三种：标签选择器、类选择器、ID选择器
①标签选择器：每一种HTML标签的名称都可以作为相应的标签选择器的名称，通常来修改文档中标签的默认样式。

p{
	font-size:24px;
	line-weight:30px;
}

②类选择器
使用标签选择器可以设置页面中所有相同标签的统一格式。

.red{
	color:red;
}

③ID选择器
在HTML页面中必须唯一，针对性更强。
ID选择器只能使用一次。

#top{
	width:1200px;
	height:60px;
	background-color:#ffcc00
}

总结

（1）类选择器可以给任意多的标签定义样式，ID选择器在页面标签中只能使用一次。
（2）ID选择器样式比类选择器样式优先级高，ID选择器局限性大，只能单独定义某个元素的样式。

在这里插入图片描述