安老师第一节课核心语法阶段来了,一起来看看安大大说了啥

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

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

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

安老师第一节课核心语法阶段来了,一起来看看安大大说了啥_第1张图片

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

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

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

1: 标题标签     n表示不同大小的字体,n取值1-6
2:
水平线标签 创建一个水平分割线,用于定义内容主题的变化 - size属性: 水平线的高度,单位像素(px) - noshade属性:没有阴影,取值:noshade,表示显示纯色
3:字体标签
"2" color="red" face="微软雅黑">字体的内容

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

4: 格式化标签

 - 粗体
 -  斜体

5:


段落标签
插入单个换行

6: 标签图片

安老师第一节课核心语法阶段来了,一起来看看安大大说了啥_第2张图片

7:
      列表标签 -
    1. 是列表标签内的每一列

无序列表< ul>
安老师第一节课核心语法阶段来了,一起来看看安大大说了啥_第3张图片

有序列表< ol>
安老师第一节课核心语法阶段来了,一起来看看安大大说了啥_第4张图片

8: 超链接标签

安老师第一节课核心语法阶段来了,一起来看看安大大说了啥_第5张图片

-空连接

"javascript:;">空链接
"javascript:void(0);">空链接

-锚点链接

"#锚点名">点击跳转
"锚点名">目标区域
9:
表格标签

安老师第一节课核心语法阶段来了,一起来看看安大大说了啥_第6张图片

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

安老师第一节课核心语法阶段来了,一起来看看安大大说了啥_第7张图片
安老师第一节课核心语法阶段来了,一起来看看安大大说了啥_第8张图片

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

td标签的属性:
安老师第一节课核心语法阶段来了,一起来看看安大大说了啥_第9张图片

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

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

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

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

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

前端学习要想精就得静,静下心来,看上去知识点很多很杂,但是你把文章

点赞或者收藏起来,

每次写代码的时候对应着写,代码有时候就像一杯茶,得品,你自然而然意境就和别人拉开差距。

我叫安老师——你的人生解答老师**

你可能感兴趣的:(前端,css,html,css3,html5,javascript)