聚元孵化器|计算机培训课程二【HTML】入门学习

今天星期五
明天是星期六

“大家好！我是聚元君！
今天和大家复习一下7月20号下午的计算机培训课知识点。好好学习，我天天向上！
OU YEAR!”
HTML
01
html的概述

html全称超文本标记语言（hyper Text Markup Language）

02
html的基本结构

文档类型与标题

告诉浏览器html文档开始和结束的地方
所有头部元素的容器，内部必须包含title
定义文档的标题，该标题在浏览器标签页显示
定义文档主体

03
HTML的基本标签
格式标签
1、段落标签：
格式：你要分段的内容
功能：对网页上的文字进行分段
特点：间距比较大
2、换行标签
格式：你要换行的文字后面直接加标签：
注意：它是一个单标签
3、居中对齐标签
格式：你要居中的内容
让段落或者文字能够相对于父标签居中显示
文本标签
1、标题标签：
格式：标题...标题
功能：定义网页中的文字标题
特点：标题标签独占一行
2、字体设置标签：
格式：要设置的文字
功能：修改文字颜色、字体、大小。常用属性：
老王
字体改为红色
更改文字字体
3、字体加粗/倾斜表示强调，通常为粗体字
字体加粗
表示强调，通常为斜体字
字体倾斜
4、给文字设置下划线下划线文字

图像标签
网页上面我们看到不仅有文字、还有图片,下面重点讲如何向网页当中插入图片！
1、格式如下：
2、标签常见属性详解
1.src属性
作用：指定我们要加载的图片的路径和图片的名称以及图片格式
2.width属性
作用：指定图片的宽度，单位px、em、cm、mm
3.height属性
作用：指定图片的高度，单位px、em、cm、mm
4.border属性
作用：指定图标的边框宽度，单位px、em、cm、mm
5.alt属性
作用1：当网页上的图片被加载完成后，鼠标移动到上面去，会显示这个图片指定的属性文字
作用2：如果图像没有下载或者加载失败，会用文字来代替图像显示
作用3：搜索引擎可以通过这个属性的文字来抓取图片
04
网页中的超链接

1、基本语法链接文字或者图片
属性讲解
- href属性：链接的地址，链接的地址可以是一个网页，也可以是一个视频、图片、音乐等等
- target属性：
1.作用：定义超链接的打开方式
2.属性值：_blank：在一个新的窗口中打开链接
_seif(默认值)：在当前窗口中打开链接
_parent：在父窗口中打开页面（框架中使用较多）
_top：在顶层窗口中打开文件（框架中使用较多）
name属性
指定页面的锚点名称

05
代码注释

注释一段内容时使用结束
例如
06
代码的格式

空格键和回车键在网页中都不会起到任何作用，我们为了让代码清晰易读，可以使用空格和回车键进行编排。
注意：缩进时保持严格的规则，以“Tab”键进行缩进

这周你学习了吗？快来提交你的作业吧

爱学习的孩纸
快来报名我们的计算机培训班吧！
等你来哦~
课程持续更新中.......
扫码关注
秀米XIUMI
▲ 点击蓝字关注我们
*文字更改方式见“扫描效果”的说明