HTML学习笔记01
HTML第一天笔记
一、什么是HTML?
超文本标记语言 HyperText Markup Language
- 作用是啥?做网页结构和元素。HTML最新的标准HTML5,就是我们经常听到的H5,是国际标准,由W3C组织定义。 www.w3.org 国际万维网组织。 作用:内容提供商
二、HTML文件结构
- 文件扩展名:.html或.htm, 不区分大小写。 请参考firstH.html
- html5前代版本 4.01
- html5与html4的区别
- html是超文本语言的第五次修改
- html5的声明简洁
body属性
- background
- bgcolor
- id用于javaScript,css
三、HTML5的基本元素(元素,标签)
p标签
- 段落标签
- 注意:p元素可以包含span元素,但是span元素不能包含p元素。
- p元素会产生一个段落,段落与段落之间有更大的间距。
span标签
- 内敛元素,可以与其他元素位于同一行
- 主要是为了css做样式提供支持的。
- span一般是不能设置宽高尺寸的
div标签
- 块元素可以设置宽高尺寸
- div元素可以将上述两种标签都包含
id,class,style等核心元素
- 几乎所有的HTML元素都可以指定id,class,style等核心元素
- id属性用于为HTML元素指定一个唯一标识
- class和style属性是CSS样式相关属性。
四、HTML5的文本格式元素有哪些?
定义粗体文本
定义粗体文本,和标签类似
定义斜体文本
定义小号字体文本,常用于小号印刷体
- 特殊符号
<
小于>
大于
五、图片元素的相关属性
- src:指定图片所在的位置,可以是相对路径也可以是绝对路径
- height:图片的高 width:图片的宽
- alt:用来为图像定义一串预备的可替换的文本(当路径不对时,显示的文本内容)
- title:鼠标悬停时的提示文字
- ../ :表示上级路径
六、超链接和锚点
- 超链接用
元素表示
- href:指定超链接所关联的另一个资源
- target:指定使用框架中的
- _blank使用新的页面打开链接
- _self用当前页面打开链接,不跳转
- 锚点的应用 原理就像tp,像是链接的子功能,建议代码中体会
顶部




回到顶部