小白学习HTML第一天

学习任务

一、什么是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的概念和一些常用的标签,在老师的耐心帮助和指导下完成了第一个页面的实现。 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值