HTML基础知识

HTML的基本结构

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

           //页面内容

</body>

</html>

<!DOCTYPE HTML>声明文档是html5的文档,主要作用是告诉浏览器以w3c的标准来解析为我们的文档,必须要写,如果不写的话浏览器会以自己的标准来进行解析文档
<html lang="en"></html>:网页的起始和结束位置
       lang (网页的语言)
       en表示的是英文,浏览器会提示翻译
       zh-cn表示中文网页,浏览器不会提示翻译

<head></head>标签是网页的头部区域

<meta>元标签
    <meta charset="UTF-8">告诉浏览器用什么字符码来解析 utf-8表示万国码
    <title></title>标签是网页的名字标题

<body></body>网页的主体区域,用于在页面中展示内容

HTML常用标签

标签分为单标签和双标签

       双标签:标签是成对出现的

       单标签:单个出现,并且自己结束的

语义化标签:该标签有一定的含义与作用,有利于SEO搜索引擎优化,代码可读性增强

1.<h1>-<h6>标签是标题标签,分别代表一级到六级标题 注意:一个网页中只能出现一个h1标签,这是w3c一种规范

2.<p>表示的是段落标签,放在里面的内容会以段落形式出现

3.<strong>标签是加粗标签,strong(以加粗的形式来突出内容的重要)属于语义化标签 <b>也是加粗标签,属于样式标签 没有语义

4.<em> <i>斜体标签,<em>(以斜体的形式来突出内容的重要性,属于语义话标签) <i>属于样式标签,没有语义

5.<ins> <u>下划线标签,能在文字底下加一条下划线,ins属于语义化标签,u属于样式标签

6.<s> <del>:表示删除线标签, <del>属于语义化标签

7.<div>大容器标签,没有任何语义,块元素,定义网页当中某一部分区域的 

8.<span>:小段文字,有不同样式的文字段,没有任何语义,属于行内元素,与div类似

9. sub:文本朝下(下标) sup:文本朝上(上标)

媒体标签

video: 视频标签 视频源(source) src:视频的地址

audio:音频标签 音频源(source) src:音频的地址

属性:视频标签和音频标签的属性基本都是一样

           controls:播放控件

           autoplay:自动播放   如果要实现自动播放需要配合muted一起使用

           loop:循环播放

           muted:静音播放

           poster:图片的第一帧,需插入图片地址

注意:在标签里面属性名和属性值一样 可以不写后面的 例如:controls="controls" 直接写属性就可以了

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值