学习任务
一、什么是HTML
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)。是制作超级文本文档的简单标记语言,可以从一个平台移植到另一个平台,通常用于制作网页。html文件是asci文本,包括格式标记和超级文本链的嵌入代码。HTMLtext是由 HTML命令组成的描述性文本,它能够描述文字,图形,动画,声音,表格,链接等。网页结构由标题和正文两部分组成。Header描述浏览器需要的信息,并且主体包含要描述的具体内容。
二、HTML基本结构
- html:用来标记HTML文档的开始和结束
- head:用来标记HTML文档的头部开始和结束
- body:用来标记HTML文档的主体开始和结束
- title标签:设置的页面标题
- meta标签:提供关于页面的元信息
三、认识HTML中的标签
- HTML 标签是由尖括号包围的关键词,比如 <html> HTML 标签成对出现的,叫做双标签,比如 <b> 和 </b>。
- 双标签中的第一个标签是开始标签,第二个标签是结束标签。
- HTML 标签单个出现的,叫做单标签。比如 <br/>。
- 标签分类:块级元素独占一行,行内元素不独占一行。
四、常用的HTML的标签
- <p></p>标签: 作用:一个块级元素,定义一个段落。
- <i></i>标签: 作用:定义斜体字。
- <div></div>标签: 表示分割、分区,一个div独占一行,可以想象成一个大盒子。
- <span></span>标签: 作用:表示跨距、跨度,一行可以放多个span是一个小盒子。
- <img>标签:是一个单标签,负责定义图像。
- src属性:指图像的地址路径。
- alt 属性:用来为图像定义一串预备的可替换的文本。
- <video></ video >标签: 作用:定义视频(video 或者 movie)。
- src属性:播放的视频的路径地址。
课后小练习:实现网页视频播放
实现代码
实现效果
五、收获总结
今天是实训的第一天,初步学习了HTML的概念和一些常用的标签,在老师的耐心帮助和指导下完成了第一个页面的实现。