对于基础知识的加强和巩固:
第一单元
1.搭建网页的结构:html5.0
2.对页面的页面元素进行修饰,比如定位等。表现(CSS)
3.和页面的元素进行交互。行为(javascript,jQuery)
4.BootStrap(前段框架)—基于HTML,CSS,JavaScript的,优点简介灵活使开发更快捷。
5.文件夹、文件命名规则:由英文字母、数字、下划线共同组成,数字不能开头,不能使用汉字 作为文件名
6.https://www.runoob.com/菜鸟教程
7. 创建HTML时默认首页可以命名为:index或者default
8.HTML静态文件后缀名:.html或者.htm
9.HTML是HyperText Markup Language的缩写,译为:超文本标记语言
注意:HTML不属于编程语言,而是制作网页的基础语言,主要用于描述超文本中内容的显示方式
10.HTML5版本声明:
作用:用于告知浏览器使用哪个版本的HTML或XHTML规范
位置:必须放在html文档的首行,且放置于标签之前
注意:不属于html标签,就是一条声明语句
11.字符集声明标签:
12.
主页内容
删了不影响 会自动添加 不严谨规范 但是title不可以省略 13.HTML基本骨架标签属性:
(1)宽度属性:width=“数值”
(2)颜色属性:color=“颜色名称/十六进制颜色/rgb()颜色”
(3)水平线粗细:size=“数值”
(4)水平对其方式:align=“left/center/right”
10、路径:相对路径、绝对路径
(1)相对路径:自己相对于目标文件的路径
Web/html/index.html …/index.html【添加…/用于路径不在同一目录下,返回上一级】
(2)绝对路径:完整的描述文件路径,精确到盘符或服务器
例如:http://www.baidu.com【精确到服务器】
C://Web/imgs/01.jpg【精确到盘符】
第三单元:(元素分类、列表标签、超链接标签)
1、HTML元素分类:行内元素、块级元素、行内块级元素【可变元素】
(1)行内元素(display:inline):行内元素在同一行显示,只能包含文本或其他的行内元素
注意:默认情况下行内元素不具有宽高属性,也不具有:margin-top和margin-bottom【上下外间距】
举例:a、i、span、img、time、em、strong、label、b、textarea、input、select(img和input可以设置宽高)
(2)块级元素(display:block):块级元素独占一行,可以包含行内元素或其他块级元素【注意:块级元素具有宽高属性】
举例:div、p、hr、ul、li、ol、dl、dt、dd、table、form、h1-h6
(3)行内块级元素(display:inline-block):既有宽高属性,同时还有同行特性【能设置宽度,并且在同一行显示】
举例:img、input【默认情况】
hello
world
斜体字
强调文本
小号文本
大写 不推荐使用
下标文本
上标文本
h2o 展示效果为 h2o 水
m2 展示效果为 m2 m的平方
hello 从右到左输出
2、无序列表标签:
- 列表项
标签属性:type=“circle(空心圆)/square(实心方块)/disc(实心圆)【默认值】”
- 列表项
- 列表项
- 列表项
- *4+tab键 3、有序列表标签:
- 列表项
-
、
、
-
-
自定义项
- 自定义描述项 自定义项
- 自定义描述项
<ahref=“链接到的目标地址”>内容:文本或者图片 有些网站防盗链 所以不让跳转
新浪网
<ahref=“yolanda1.html”>相对路径
绝对路径3)图像标签
当图片不存在的时候 会提示alt后面的文字 提示缺少那张图片 title悬停文字 图片跳转 把图片嵌套在超链接里面
菜鸟:图像标签下的map
rect:矩形 左上0,0 右下82,126 circle圆形 圆心:90,59 半径3 4)span强调凸显标签 ————————————————