HTML5基础 | (2)HTML5文档结构与标签

目录

 

一、HTML5文档结构

二、HTML5标签、属性与元素


一、HTML5文档结构

<!DOCTYPE html> 
<!-- 文档声明,告诉浏览器这是html文档,浏览器就会用html语法来检查执行这个文档    -->
<html lang="en">
  <!-- Html标签是默认的根元素,通常可省略,整个文档的内容都放在其中 -->
  <!-- Html标签有lang属性,设置语言,默认为英文:en。中文简体:zh-Hans -->
  <head>
    <!-- 文档头部 head标签中的内容是给浏览器看的 -->
    <!-- meta标签主要是用来设置元数据,可以看作是数据的属性 有一个字符集属性-->
    <meta charset="utf-8">
    <!-- title标签用于设置浏览器标题栏的文本 -->
    <title>山东大学</title>
    <!-- link标签用于引入外部css文件,css文件可以用来控制网页样式 -->
    <link rel="stylesheet" href="style.css">
    <!-- script标签可以引入外部的脚本文件 -->
    <script src=""></script>
    
  </head>
  <body>
    <!-- 文档主体 body标签中的内容是给访问者看的 -->
    欢迎浏览:<a href="https://www.baidu.com">百度</a>
    
  </body>
</html>

二、HTML5标签、属性与元素

比如我们现在要描述一个美女,她有胸围,腰围和臀围三个特征,那么可以用以下标签来表示:

<sexy chest="90" hip="88" waist="62">美女</sexy>
  • 终止标签为了区别起始标签前面有一个/
  • 属性在起始标签中,属性值要用""包围
  • 标签是用来包装网页内容的,被包装内容的特征用属性来表示。比如,sexy标签用来包装美女,美女有胸围,腰围和臀围三个特征
  • 元素是标签、标签属性以及包装内容的总称。元素=标签+属性+内容
  • 元素包括文本元素、图像元素、列表元素、表单元素、视频元素等
  • 网页有元素组成,而标签是元素的载体
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值