HTML是什么

234 阅读2分钟
1. HTML 是什么

全称:HyperText Markup Language 简称:HTML

中文名称:超文本 标记 语言

  1. 它是一种语言
  2. 标记 :使用标签的形式来标识页面中的不同组成部分 说明了这个语言的组成部分是标签
  3. 超文本:指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面
2. html网页的文件格式

扩展名:

.html .htm (早期页面扩展名)

3. 语法

html中的标记就是标签,学习html 就是学习各种标签

标签语法:

 <标签名></标签名>   如:<p>我是表示段落</p>    双标签
​
 <标签名 />    如:<img src="logo.png" />    单标签  自结束标签
​
4. 元素

完整的标签还可称为元素 标签 = 元素

<p>我是段落中 <span>特殊文字</span></p>
// p 也是一个元素 spanp的子元素  pspan的父元素 
5. 注释
<!-- 注释内容 -->
<!-- 我是页面中的一段注释,通过这段注释来描述我当前代码的功能 -->

在该标签里 写的注释(使用浏览器查看时)是不会展示在页面中的,但可以展示在源码中。

6. 属性

作用:通过属性为HTML元素提供附加信息,即怎么处理我们的标签

注意:

  1. 属性需要设置在开始标签里
  2. 属性总是以属性名和属性值 成对的形式出现
<p class="news text" id="text">我是一段文字</p>    <p id="val">内容</p>
<h1 title="我是标题的title" id="title" id="title" >标题</h1>
<img src="../img/logo.png" alt="我是图片加载不出来的时候的提示语" />  <img id="img" />
7. html 基本结构
  1. 文档说明声明
  2. html 标签对
  3. head标签对
  4. body 标签对
<!DOCTYPE html>  <!-- html5 -->  
<html>  
    <head>
        <meta charset="utf-8" />   
        <title>网页标题</title>   
    </head>
    <body>
         <p></p>
    </body>
</html>
8. HTML标签

根标签,一个页面有且只有一对根标签,网页中所有内容都必须写在根标签内部。

作用:是在告诉浏览器,这个页面是从开始,然后到结束的。

<html></html>
<html xmlns="http://www.w3.org/1999/xhtml"></html>

这句代码的作用是告诉浏览器,当前页面使用的是W3C的XHTML标准。这里我们了解即可,不用深究。一般情况下,我们不需要加上xmlns="http://www.w3.org/1999/xhtml"这一句。

9. head标签

网页的“头部”,用来定义网页的头部信息,浏览器根据这些信息来判断如何解析我们的页面

<head>
    <title>我是浏览器头部的标题标签</title>
</head>

head标签是比较特殊的。事实上,只有一些特殊的标签才能放在head标签内,其他大部分标签都是放在body标签内的,这里暂时只需要了解head标签内部都有哪些子标签就可以

一般有6个标签能放在head中

(1)title标签

(2)meta标签

(3)link标签

(4)style标签

(5)script标签

(6)base标签

10. body 标签

网页的“身体”,大部分的代码都是在这个标签里去编写的,它是我们网页中的可见部分

<body></body>