一、HTML5介绍

1. HTML和css的关系
  • css是用来修饰HTML样式的
  • HTML本身是有一些默认的样式,如果我们想改变HTML标签的样式,就需要借助css
  • HTML+css构成了我们网页的页面基本结构和样式
2. HTML文档结构
  1. <!DOCTYPE html>:文档类型声明,表示该文件是HTML5文件,该声明必须是HTML文档的第一行
  2. <html></html>标签对:两标签成对存在,中间的部分是文档的头部和主体
  3. <head></head>标签对:包含有关HTML文档的信息,同时也可以包含一些辅助性标签(如:<meta charset="UTF-8">)。但除了会在标题栏显示<title>标签的内容以外,不会向用户显示head标签对内其他的内容
  4. <body></body>标签对:作为HTML文档的主体部分,页面布局显示由该部分决定
3. head标签详解

文档的头部描述了文档的各种属性和信息,包括文档的标题等,<title>标签的内容以外,其他文档头部包含的数据都不会真正作为内容展现给读者。
head部分常用的标签:

  • <title></title>标签:在<title></title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。
  • <meta charset="UTF-8">:设置当前文字字符编码
  • <style>标签:用于为HTML文档定义样式信息,type属性是必须的,声明了打开的方式的类型,如:<style type="text/css">
4. body标签下p、h、div标签对的区别
  1. <p></p>标签是paragraph(段落)的首字母
  2. <h></h>标签是headline(标题)的首字母,h后面跟数字
  3. <div></div>标签是divide(分层、分开、分割)的首字母。划分网页模块内容,给字、图片、表格规划位置,相当于一个容器,便于排版,同时也可以添加样式
5. 注释

HTML5注释语法:<!--注释内容-->
CSS注释语法:/*注释内容*/

必要性:代码注释的作用是帮助程序员标注代码。不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值