HTML基础

本文详细介绍了HTML的基础知识,包括HTML的基本结构、标题标签、段落、换行、文本格式化、图像、音频、视频、超级链接、列表、表格、表单等。强调了标签的重要性和在SEO中的作用,以及各标签的语义和用法。
摘要由CSDN通过智能技术生成

​有责任有担当,成熟稳定!

HTML基本结构
基本骨架
HTML文件最基本的四个标签,组成了网页的基本骨架,包括:、、、四组标签。

<!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  </head>
  <body>
  </body>  

标签
定义HTML文件的根元素,表示整个的HTML文档,所有的标签要书写在标签内部。

标签
用于存放,,,</base></meta>

在标签中我们必须要设置的标签是title

标签
作用1:让页面拥有一个属于直接的标题。

作用2:title中的关键字可以作为搜索引擎抓取的关键字,提高SEO搜索引擎优化

作用3:内部的内容会显示在搜索结果的标题部分

作用4:作为浏览器收藏夹默认的网页标题

建议网页必须添加title标签内部内容,内容尽量精简,提取网页的关键字

标签
作用:定义网页的主体部分,用于存放所有的HTML显示内容的标签

标签内部的元素内容会显示在浏览器的窗口中

DTD
完整的HTML文件的第一行内容叫做文档定义类型,英文DocType Definition,简称DTD。也称作文档声明类型,DocType Declaration

告知浏览器该网页使用的是哪个版本的HTML规范,让浏览器按照对应版本的HTML语法进行解析页面

命名空间

元素表示整个网页文档,在开始标签上设置了命名空间xmlns属性

语言
xml:lang="en"和lang=“en” 表示所有的标签元素内容的语言都是英语,对搜索引擎和浏览器是有帮助的

lang=“zh-cn” 表示中文(中国)

HTML5版本

常用字符集编码 国际通用字库

UTF-8: 以字节为单位对Unicode万国码进行编码,涵盖了所有人类的语言文字,一个汉字为3个字节大小

中文国标字库

gb2312: 共收入汉族6763个和包括拉丁字母、希腊字母、日文、俄语西里尔字母在内的682个

gbk: 是gb2312的扩展,增加了繁体字,共收入21886个汉字和图形符号,其中汉字21003个,图形符号883个,一个汉字为2个字节大小

字符集常见问题
使用情况建议

如果没有网页加载速度要求,或者制作的是外文网站,使用utf-8

如果含有大量中文汉字的网站,而且要求网页加载速度快,使用gbk

注意:标签声明的字库,必须和编辑器软件默认编译字库相同,否则会出现字库不匹配,浏览器加载是出现乱码

HTML常用标签
注释
在源代码中添加描述性提示信息,便于我们阅读代码

对于HTML纠错也大有帮助,可以通过注释某一行HTML代码,以便检索错误的位置

暂时注释掉一部分不用的代码,便于后期恢复代码

注释只在源代码中可见,在浏览器窗口是不显示的

标题标签
标题,是通过

-

六个标签分别来对六个级别的标题进行定义的

定义最大的标题,

定义最小的标题

-

标签都是双标签,且是容器级标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值