HTML5学习笔记

HTML5学习笔记

Day1上

一, html:超文本标记语言

二, 快捷键:

ctrl+n: 新建文档

ctrl+s: 保存

ctrl+u: 首选参数

三, 生成html结构

页面标题

页面内容

四, 标签代表的语义化

: 代表的是整个网页或页面

: 代表的是页面的头部

: 代表的是网页的标题

: 代表的是网页的主题内容

五, html功能: 主题内容需要放置相关内容,即文字和图片.作用是对网页进行排版, 结构搭建, 内容分类等.

六, css功能: 控制网页的样式, 即颜色, 大小, 位置等属性.

七, JavaScript,简称js:它是控制网页的行为, 即网页的动态效果.

八, 前段标准: html, css, js.

九, h标签:双标签,代表的是标题标签,一共有6个,h1到h6,字体是加粗的,字号从大到小.

十, p标签:段落标签,同样也是双标签.

十一, font标签:字体标签,可以控制颜色,大小,字体等文本属性.标签属性的书写方式为: 属性="属性值".

如:文本内容.代表的是"文本内容"这四个字红色,7号大小,并且字体为"微软雅黑".

十二, 快捷键

ctrl+h : 唤醒代码提示

ctrl+ t : 环绕标签

十三, bui无属性标签

加粗

下划线

斜体

十四, 分割线与换行标签

:分割线标签,可以设置width(宽度),size(粗细),color(颜色),align(对齐方式,left,center,right)

:换行标签 shift+回车

Day1下

一, 快捷键:

ctrl+shift+空格: 生成空格键( ),可以用来作为首行缩进.

二, 新属性:

background: 背景图

bgcolor: 背景色

三, img标签

img插入图片会像文字一样,占用空间.

注意: 当图片正比例缩放时,只写一个宽度或者高度属性即可.

四, 相对路径

都是以自身为出发点去寻找文件

三种情况:

1, 同级查找: 直接写文件的名字即可.

2. 下级查找: 写文件夹的名字+/

如:

3, 上级查找: 写../写文件的名字.

如:

注意:相对路径是不能够跨越盘符的.

五, 列表定义: 数据的一种表现形式,方便整体管理一些数据.

1. 无序列表:

标签

结构:

123456

123456

控制属性:

type="circle" 空心圆

type="disk" 实心圆

type="square" 实心方块

2.有序列表:标签

结构:

123456

123456

控制属性:type

注意:

和的子集只能是

3.项目列表标签

结构:

项目标题

项目内容

注意: 一个里面可以有多组和