学习HTML第一天

  1. 问题 1:什么是网站?
  2. 问题 2:什么是网页?
  3. 问题 3:什么是 HTML?
  4. 问题 4:网页的形成?

1.网站是网页的集合

2.网页是图片,文字,视频等元素组成 利用html标签描述出来

3.HTML是超文本标记语言,不是编程语言,标记语言可以加入图片,声音,动画

4.网页由前端人员书写成html文件,浏览器打开,形成网页

  1. 问题 1:为什么需要 Web 标准?
  2. 问题 2:Web 标准的构成有哪些?

1.浏览器不同,显示页面或者排版有差异。

2.通过web标准展示统一页面

结构:网页元素整理 html

表现:外观样式 CSS

行为: 交互效果 JS

  1. 问题 1:标签的书写规范是什么?

  2. 问题 2:双标签和单标签的特点是什么?

  3. 问题 3:标签的关系有哪些?

    1.所有标签都在<>里面

    2.大多标签成对出现,单标签不需要结束标签

    3.包含关系和并列关系

    1. 问题 1:HTML 提供了几个等级的标题?
    2. 问题 2:哪个级别的标题最重要?
    3. 问题 3:哪个级别的标题字号最大?
    4. 问题 4:标题文字会独占一行显示吗?

1.6个等级标题标签

2.< h1>-< h6>依次重要性递减

3.< h1>标签最大

4.会独占一行显示

  1. 问题 1:段落标签和换行标签的作用是什么?
  2. 问题 2:段落标签的是什么?有什么特点?
  3. 问题 3:换行标签是什么?有什么特点?
  4. 问题 4:在 VSCode 中看到的文本排列方式和浏览器中的一样吗?

1.段落标签;可以把html文档分成为若干段落

换行标签;强制换行

2.双标签,段落与段落之间有空隙

3.<br 是单标签 标签只是简单的开始新的一行。

4.不一样

切换自动换行(alt+z)

div 是分区分割

span是跨度.跨距

div是一个大盒子 独占一行

span是一个小盒子,一行可以放好多盒子

都是用来布局

  1. 问题 1:在 HTML 中,用哪一个标签来定义图像?
  2. 问题 2:图像标签的必须属性是什么?为什么?
  3. 问题 3:视频中还介绍了几个图像属性,作用是什么?
  4. 问题 4:属性的书写位置在哪里?

1.< img>来定义图像

2.src=“” 用于指定图片路径

3.alt替换文本 图像显示不出来的时候用文字替换

title提示文本 鼠标放到图像上,提示文字

4.必须书写到标签内

我们的路径从./开始查找是一个好习惯

  1. 问题 1:什么是相对路径?
  2. 问题 2:文件夹之间用什么符号分隔?(下一级路径写法)

相对路径:图片相对于html页面的位置

href用于指定链接目标url地址

链接标签:

href指定链接的地址

target指定链接打开的方式

( _self默认值 _blank在新的窗口打开 )

外部链接需要加 “http://”

内部链接链接内部存在的页面名称

空链接 href="#" 表示

图像,音频,视频等都可以添加链接

锚点定位:

用于实现当前页面中不同位置的跳转

锚点链接 实现页面中不同位置的跳转

超级链接页面与页面之间的跳转

学习HTML第一天
学习HTML第一天