学习HTML第一天
- 问题 1:什么是网站?
- 问题 2:什么是网页?
- 问题 3:什么是 HTML?
- 问题 4:网页的形成?
1.网站是网页的集合
2.网页是图片,文字,视频等元素组成 利用html标签描述出来
3.HTML是超文本标记语言,不是编程语言,标记语言可以加入图片,声音,动画
4.网页由前端人员书写成html文件,浏览器打开,形成网页
- 问题 1:为什么需要 Web 标准?
- 问题 2:Web 标准的构成有哪些?
1.浏览器不同,显示页面或者排版有差异。
2.通过web标准展示统一页面
结构:网页元素整理 html
表现:外观样式 CSS
行为: 交互效果 JS
-
问题 1:标签的书写规范是什么?
-
问题 2:双标签和单标签的特点是什么?
-
问题 3:标签的关系有哪些?
1.所有标签都在<>里面
2.大多标签成对出现,单标签不需要结束标签
3.包含关系和并列关系
- 问题 1:HTML 提供了几个等级的标题?
- 问题 2:哪个级别的标题最重要?
- 问题 3:哪个级别的标题字号最大?
- 问题 4:标题文字会独占一行显示吗?
1.6个等级标题标签
2.< h1>-< h6>依次重要性递减
3.< h1>标签最大
4.会独占一行显示
- 问题 1:段落标签和换行标签的作用是什么?
- 问题 2:段落标签的是什么?有什么特点?
- 问题 3:换行标签是什么?有什么特点?
- 问题 4:在 VSCode 中看到的文本排列方式和浏览器中的一样吗?
1.段落标签;可以把html文档分成为若干段落
换行标签;强制换行
2.双标签,段落与段落之间有空隙
3.<br 是单标签 标签只是简单的开始新的一行。
4.不一样
切换自动换行(alt+z)
div 是分区分割
span是跨度.跨距
div是一个大盒子 独占一行
span是一个小盒子,一行可以放好多盒子
都是用来布局
- 问题 1:在 HTML 中,用哪一个标签来定义图像?
- 问题 2:图像标签的必须属性是什么?为什么?
- 问题 3:视频中还介绍了几个图像属性,作用是什么?
- 问题 4:属性的书写位置在哪里?
1.< img>来定义图像
2.src=“” 用于指定图片路径
3.alt替换文本 图像显示不出来的时候用文字替换
title提示文本 鼠标放到图像上,提示文字
4.必须书写到标签内
我们的路径从./开始查找是一个好习惯
- 问题 1:什么是相对路径?
- 问题 2:文件夹之间用什么符号分隔?(下一级路径写法)
相对路径:图片相对于html页面的位置
href用于指定链接目标url地址
链接标签:
href指定链接的地址
target指定链接打开的方式
( _self默认值 _blank在新的窗口打开 )
外部链接需要加 “http://”
内部链接链接内部存在的页面名称
空链接 href="#" 表示
图像,音频,视频等都可以添加链接
锚点定位:
用于实现当前页面中不同位置的跳转
锚点链接 实现页面中不同位置的跳转
超级链接页面与页面之间的跳转