HTML简介

_洋

已于 2022-04-19 20:41:32 修改

阅读量934

点赞数

分类专栏： HTML+CSS 文章标签： html5

于 2022-04-09 16:55:41 首次发布

本文链接：https://blog.youkuaiyun.com/mantou_riji/article/details/124062124

版权

HTML+CSS 专栏收录该内容

38 篇文章

订阅专栏

文章目录

HTML含义
标签
标签结构：html的标签有结构
注释
属性
html5不区分大小写
meta
转义符

HTML含义

HTML ( Hypertext Markup Language ) 超文本标记语言。
它负责网页的三个要素之中的结构：HTML使用标签的的形式来标识网页中的不同组成部分。
所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。

标签结构：html的标签有结构

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- <head>表示元数据，给浏览器看的 -->
     <meta charset="utf-8">
    <title></title>
</head>
<body>
    <!-- 网页中的可见内容 -->
    
</body>
</html>

<!DOCTYPE html> 文档声明，告诉浏览器使用的是html5
<html> html的根标签（元素），网页中的所有内容都要写根元素的里边
<head> head是网页的头部，head中的内容不会在网页中直接出现，主要用来帮助浏览器或搜索引擎来解析网页
<meta> meta标签用来设置网页的元数据，这里meta用来设置网页的字符集，避免乱码问题
<title> title中的内容会显示在浏览器的标题栏，搜索引擎会主要根据title中的内容来判断网页的主要内容
<body> body是html的子元素，表示网页的主体，网页中所有的可见内容都应该写在body里

注释

<!-- 注释 -->

注释快捷键： Ctrl+/

属性

属性，在标签中(开始标签或自结束标签)还可以设置属性。属性是一个键值对。
eg：

 <p>第一个<font color = "red">网页</font></p>

属性和标签名或其他属性应该使用空格隔开，属性之间也需要使用空格隔开。
属性不能瞎写,应该根据文档中的规定来编写，有些属性有属性值,有些没有。
属性值应该使用引号引起来

html5不区分大小写

meta

可以通过meta标签来设置网页的字符集,避免乱码问题，META告诉浏览器使用什么编码方式编码的。
在开发时我们用的编码都是UTF-8;

    <meta charset="utf-8">

meta主要用于设置网页中的一些元数据，元数据不是给用户看，给浏览器看
name 指定的数据的名称content 指定的数据的内容

keywords

  <meta name="keywords" content="HTML5,前端，CSS">

keywords：表示是网站的关键字，帮助搜素引擎搜索识别。
content：关键字的内容，可以指定多个关键字，之间使用,分开

description

    <meta name="description" content="HTML5是超文本标记语言，是网页的框架">

description：对网站的描述，网站的我描述会显示在搜索引擎的搜索结果中
content：描述的具体内容
在这里插入图片描述
title标签的内容会作为搜索结果的超链接上的文字显示：

用于网站跳转：

 <meta http-equiv="refresh" content="3;url=http://www.baidu.com">

表示3秒之后跳转到百度。

转义符

在HTML中有些时候，我们不能直接书写一些特殊符号
比如:在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格，比如字母两侧的大于和小于号
如果我们需要在网页中书写这些特殊的符号，则需要使用html中的实体（转义字符)

eg:想要输入空格就需要输入  
在这里插入图片描述
注意：实体名称对大小写敏感