安老师第一节课核心语法阶段来了，一起来看看安大大说了啥-CSDN博客

本文链接：https://blog.csdn.net/weixin_47409527/article/details/106335936

前端的技术一直更新特别快，特别是框架这块。

但是归根结底，那都是后话，因为我们要想在企业站住脚步，扎根就一定要稳，跟做人是一个道理。起步可以慢，但是我们掌握了一定的技巧后，我们可以融会贯通，做事情事半功倍！

今天给大家带来的第一节课：核心语法阶段——html/css（标签）

在这里插入图片描述

HTML
语言也叫做超文本标记语言，可以用来制作超文本文档，比如网页。从名称上可以看出，这种语言是由各种不同类型的标记组成的，因此学习起来比较简单。下面列举HTML语言中各种标记的功能。

CSS是一种用来表现 HTML(标准通用标记语言的一个应用)或 XML(标准通用标记语言的一个子集)等文件样式的计算机语言
能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统 HTML 的表现而言,CSS
能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言

我讲课理论性的知识非常少，我只给大家讲精华，大家直接拿来放到大脑里运用即可。就是为了给你打通任督二脉

1:<hn> 标题标签     n表示不同大小的字体，n取值1-6

2:<hr/>水平线标签
创建一个水平分割线，用于定义内容主题的变化

 - size属性： 水平线的高度，单位像素（px）

 - noshade属性：没有阴影，取值：noshade，表示显示纯色

3:<font>字体标签
<font size="2" color="red" face="微软雅黑">字体的内容</font>

 - size：设置字体大小。取值1-7。浏览器默认3。
 - color：设置字体的颜色。
 - face：设置文字的字体

4:<b><i> 格式化标签

 - <b>粗体
 - <i> 斜体

5:<p><br/> 段落标签
	<br/> 插入单个换行

6:<img> 标签图片

在这里插入图片描述

7:<ul><ol> 列表标签

 - <li> 是列表标签内的每一列

无序列表< ul>
在这里插入图片描述

有序列表< ol>
在这里插入图片描述

8:<a> 超链接标签

在这里插入图片描述

-空连接

<a href="javascript:;">空链接</a>
<a href="javascript:void(0);">空链接</a>

-锚点链接

<a href="#锚点名">点击跳转</a>
<a name="锚点名">目标区域</a>

9:<table><tr><td> 表格标签

在这里插入图片描述

是父标签,相当于整个表格的容器。

在这里插入图片描述

< tr> 标签用于定义行
< td> 标签用于定义表格的单元格(一个列)

td标签的属性:
在这里插入图片描述

< th> 标签用于定义表头。单元格内的内容默认居中加粗

10:< frameset>< frame> 框架标签

<frameset> frame框架set集合:框架集合
它是多个窗口页面整合在一起的一个集合(框架集:frameset)。每一个页面(框架:frame)都是单独文档(html),需要使用字标签<frame> 来确定页面的位置。通过cols和rows确定 行列数。多个<frameset> 可以嵌套使用。

rows属性和cols属性取值:值1,值2,值3,….一个值代表一行(列),多值使用逗号分隔,值可以是10px、10%等,最后一个值可以使用*自动匹配。

< frame> 框架子标签
src属性: 设置此框架要显示的页面名称或路径。此为必须设置的属性。
name属性: 设置框架名称。
noreszie属性: 设置框架大小是否能手动调节。 
有的导航框架中的超链接<a> 标签中的target属性需要设置为其他框架的名称,这样就可以实现点击超链接,让目标页面在指定的框架中显示。