HTML课程总结，小萌新，看着就好

最新推荐文章于 2023-07-05 11:18:20 发布

candy丶沫魉

最新推荐文章于 2023-07-05 11:18:20 发布

阅读量1.9k

点赞数 7

CC 4.0 BY-SA版权

文章标签： HTML

本文链接：https://blog.youkuaiyun.com/shadowlovey/article/details/88111790

本文详细介绍了HTML和CSS的基础知识，包括HTML的结构、常用标签、表单和框架的使用，以及CSS的样式表概念、选择器、背景设置和元素分类。强调了HTML负责页面结构，CSS负责页面美观，讲解了内联样式、外联样式及各种选择器的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML基础知识：

什么是HTML？

HTML(Hyper Text Mark-up Language超文本标记语言)的缩写。标记：用来描述网页的一些符号。

须知：HTML不是程序设计语言，而是描述性的标记类语言，用来描述网页中的内容的显示方式，比如文字大小、颜色……这些都是用HTML标记来实现的。

HTML的框架有哪几部分？

1、声明部分<html>：说明HTML的版本信息。

2、头部部分<head>：说明HTML编码信息，样式信息，js脚本信息还有标题。

3、主体部分<body>：显示给用户的部分。

4、脚部部分<foot>：不知道，没有提及到。

HTML有哪些标签？

1、文本相关标签：h1-h6,<font>

2、字体、字号等标签——特殊符号：

空格
引号(“”)	"
小于(<)	<
大于(>)	>
版权号(© )	©

3、行的控制标签：<p><br>

4、图像标签：<img>，支持jpg,png,gif,bmp等格式

5、布局标签

6、列表标签：有序列表<ol>(<li>)，无序列表<ul>(<li>)，定义列表<dl>(<dt>、<dd>)

7、页面链接标签：<a>

8、滚动标签：<marquee>

9、多媒体标签：背景音乐标签<bgsound>、音频标签<audio>、视频标签<video>

10、DIV标签

然后就是HTML表格和表单

表格≠表单

表格由<tr>和<td>两个标签构成的。

老师讲述了表格的跨行（rowspan）跨列(cowspan)的两个属性。

然后就是表格的美化和布局了，这部分我就一语带过了，基本的就这么些。（因为我也不太清楚有哪些！）

什么是表单？

当老师问到这个问题时，我们都不知道。因为我们从来都不会知道表单是什么。

表单，就是类似于注册登录一样的东西，用<form>标签创建表单，表单包含<input>元素，<input>元素包含文字字段(label)、复选框(checkbox)、单选框(radio)、提交按钮(submit)……

表单还可以向服务器提交数据，使用(menus)、(textarea)等元素。

个人觉得最难的部分，除了CSS以外，那就是网页框架了，毕竟给网页划框架也是需要一些美学的。网页框架漂亮，都是经过一系列的网页构建才做到的。

所以网页框架我也只记得<frameset>和<iframe>两个标签。

CSS基础知识：

1:什么是Css样式表

就是使Html跟好看，html标签的外观式比较单一，颜色只有黑白，字体类型和大小也没什么变化。样式表的作用相当于华丽的衣服。

Html:负责页面的结构

Css：负责网页的美观（样式）

内联样式

内联样式就是当前页面的输入样式，例如

<style type="text/css">
h2{
color:red;
}
</style>

还有这种也是

<h2 style="color:#0f0">hello world</h2>

然后就是外联样式，先创一个Css，然后引用它就可以了。

选择器

CSS的语法

- 格式：选择器{ 属性：属性值; }
- 举例：h2{color : #0F0; }

常见选择器

- 标签选择器 h2{ }
- 类选择器 .a { } <h2 class=“a”> // 不能是数字
- ID选择器 #a{ } <h2 id=“a”> // ID要唯一
- 交集选择器 h1,h2{ }
- 并集选择器(父类选择器) p a{ }
- 通用选择器 *{ }
- 伪类选择器

ID选择器

#id选择器名称{

属性名:属性值;

}

在html文件中如果要引用id选择器，则<元素 id=’id选择器的名称’></元素>

优点：可以对很特殊的元素进行单独的修饰

缺点：每次只能用一次，这样会导致页面的上HTML元素有过多的id属性(id滥用)

细节： id的属性值必须唯一

伪类选择器

它们允许应用的样式用于文档不存在的结构上，或者是通过当前元素的状态甚至是文档自身的状态而推断的某些东西上。