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等核心元素

  1. 几乎所有的HTML元素都可以指定id,class,style等核心元素
  2. id属性用于为HTML元素指定一个唯一标识
  3. class和style属性是CSS样式相关属性。

四、HTML5的文本格式元素有哪些?

  1. 定义粗体文本
  2. 定义粗体文本,和标签类似
  3. 定义斜体文本
  4. 定义小号字体文本,常用于小号印刷体
  • 特殊符号
    •  空格
    • <小于
    • >大于

五、图片元素的相关属性

  • src:指定图片所在的位置,可以是相对路径也可以是绝对路径
  • height:图片的高 width:图片的宽
  • alt:用来为图像定义一串预备的可替换的文本(当路径不对时,显示的文本内容)
  • title:鼠标悬停时的提示文字
  • ../ :表示上级路径
这是mother of Dragon

六、超链接和锚点

  1. 超链接用元素表示
    • href:指定超链接所关联的另一个资源
    • target:指定使用框架中的
      • _blank使用新的页面打开链接
      • _self用当前页面打开链接,不跳转
  2. 锚点的应用 原理就像tp,像是链接的子功能,建议代码中体会
    顶部




回到顶部