HTML标签基本标记

一个完整的HTML文档必须包含3个部分:<html>元素定义文档版本信息、 <head> 定义各项声明的文档头部、<body>定义文档的主体部分

 

<!DOCTYPE>标签

<!DOCTYPE>声明必须位于HTML文档的第一行,在<html>标签之前。没有结束标签,不限制大小写。

  • <!DOCTYPE>标签使用: 
​
<!DOCTYPE html>
    <head>
        <title>
            文档标题
        </title>
    </head>
    <body>
    文档内容
    </body>
</html>

​

 


 

开始标签<html>

<html>与</html>标签规定了网页文档的开始和结束,在它们中间的是文档的头部和主体

语法格式如下:

<html>........</html>

  • 开始标签的使用
<!DOCTYPE html>
<html>
    <head>
     HTML文档头部
    </head>
    <body>
    HTML文档主体
    </body>
</html>

 


头部标签<head>

<head>标签用于定义文档的头部,它是所有头部元素的容器。<head>中的元素可以引用脚本、样式表,提供元信息等

在<head>标签中使用的标签有:<title>标签  、 <meta>标签 、 <script标签>

语法格式如下:

<head>.....</head>

 

标题标签<title>

<title>标签用于定义文档的标题,通常把它显示在浏览器窗口。

语法格式如下:

<title>....</title>

  •  <title>标签的使用

<!DOCTYPE html>
<html>
    <head>
        <title>HTML文档标题</title>
    </head>
    <body>
    HTML文档主体
    </body>
</html>

 

 元信息标签<meta>

<meta>标签可提供有关页面的元信息。name属性提供了名称/值对中的名称。

  • 语法格式如下:

<meta name="description/keywords" content="页面的说明或关键字">

  • 元信息标签使用:

1.标记页面关键字

<!DOCTYPE html>
<html>
    <head>
     <meta name="description" content="页面说明"> 
        <title>
        HTML网页文档标题
        </title>
    </head>
    <body>
    HTML网页文档内容
    </body>
</html>

2. 标记文档作者

<!DOCTYPE html>
<html>
    <head>
     <meta name="author" content="study,computer">
      <title>
        文档的标题
      </title>
    </head>
    <body>
    HTML文档主体
    </body>
</html>

3.标记文档解码方式

<!DOCTYPE html>
<html>
    <head>
     <meta http-equiv="Content-Type" content="text/html;charset=gb2312">
      <title>
        文档的标题
      </title>
    </head>
    <body>
    HTML文档主体
    </body>
</html>

4.自动刷新

<!DOCTYPE html>
<html>
    <head>
     <meta http-equiv="refresh" content="5";URL="http://www.ecu.edu.cn">
      <title>
        文档的标题
      </title>
    </head>
    <body>
    HTML文档主体
    </body>
</html>

 

<script>标签

<script>标签用于定义客户端脚本

  • 语法格式如下:

<script>......</script>

  • <script>标签使用:
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>
          HTML文档标题
        </title>
        <script type="text/javascript">
            alert("这是一行JavaScript代码");
        </script>
    </head>
    <body>
    HTML文档主体
    </body>
</html>

 


 

主体标签<body> 

<body>标签定义文档的主体,包含文本、超链接、图像、表格、列表等

  • 语法格式如下:

<body>...</body>

  • 主体标签使用: 
<!DOCTYPE html>
<html>
    <head>
        <title>
            文档标题
        </title>
    </head>
    <body>
    文档内容
    </body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值