HTML概述及常用标签

一、HTML是什么?

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

二、HTML基本结构

代码如下(示例):

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

   

</body>

</html>

三、HTML中的标签

HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签成对出现的,叫做双标签,比如 <b> 和 </b>。双标签中的第一个标签是开始标签,第二个标签是结束标签。
HTML 标签单个出现的,叫做单标签。比如 <br/>

常见标签

行内元素HTML标签:

<i></i,>标签:作用:定义斜体字

<span></span>标签:作用:表示跨距、跨度,一行可以放多个span是一个小盒子

块级元素HTML标签:
<p></p> 标签:文字标签 块级元素 定义一个段落
<div></div>标签:表示分割、分区,一个div独占一行,可以想象成一个大盒子
<img>标签:是一个单标签,负责定义图像
<video><video>标签:作用:定义视频(video 或者 movie) 

HTML5中常用的语义化标签

<header>
表示页面中一个内容区块或整个页面的标题。
<section>
页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分,可以和h1、h2...等元素结合起来使用,表示文档结构。
<article>
表示页面中一块与上下文不相关的独立内容,比如一篇文章。
<aside>
表示<article>标签素内容之外的、与<article>标签内容相关的辅助信息。可用作文章的侧栏
<hgroup>
表示对整个页面或页面中的一个内容区块的标题进行组合。
<figure>
表示一段独立的流内容,一股表示文档主体流内容中的一个独立单元。
<figcaption>
定义<figure>标签的标题。
<nav>
表示页面中导航链接的部分。
<footer>
表示整个页面或页面中一个内容区块的脚注。一般来说,它会包含创作者的姓名、创作日期以及创作者的联系信息。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值