什么是HTML

什么是HTML

复制代码
Hyper Text Markup Language，超级文本标记语言
- 普通文本a:无特殊意义,超级文本<a>:超链接
- 超文本：文本具备特殊的功能
- 标记：超文本的组成形式<a>
- 语言：拥有自己的语法结构

用该语言编写的文件，以.html 或 .htm为后缀,用来设计网页
由浏览器解释运行，可以嵌入脚本语言编写的程序片段，如JS。
复制代码

HTML基础语法

1- 标记语法

复制代码
标记以封闭类型划分：
（1）封闭类型标记.也称双标记，必须成对出现
    <标记>内容</标记>
（2）非封闭类型的标记,也叫做空标记/单标记
    <标记> 或 <标记/>

例如：
<a  href=“www.baidu.com” id=“baidu-link”>标签内容</a>
其中：a为标签名，也叫元素；
      href，id为属性；
      双引号中的值为属性值
复制代码
1-1 元素
复制代码
指尖括号及尖括号间所包围的内容部分
元素可以包含文本内容和其他元素，也可以是空的
a.包含文本内容：<p>这是一段文本</p>
b.元素嵌套：形成更为复杂的语法
            <div>
                 <p></p>
             </div>
注意:（1）嵌套顺序；（2）代码缩进（保证代码可读性）
c.空标记<b></b>
复制代码
1-2 属性和值
复制代码
属性是用来修饰元素的
<标记 属性="值" 属性="值">
 ex:<p align="center" id="p1"></p>

【常用的标准属性】
id： 定义元素在页面中的唯一标识
title：鼠标移入到元素上时提示的文本
class：样式相关，定义元素引用的类选择器
style：样式相关，定义元素的行内样式
复制代码
1-3 注释
在源码中编写，但不会被浏览器所解释的内容，成为注释
可以将对代码的解释说明放在注释中
语法：<!--  注释内容  -->

2- 文档结构

复制代码
（1）文档类型声明
指定HTML的版本和风格<!DOCTYPE html>
（2）HTML页面
表示HTML页面的开始与结束
语法：<html></html>
位于<!doctype html>之下
复制代码
2-1 HTML页面
包含页面头部和页面主体两部分

页面头部：定义页面全局信息

复制代码
<head></head>
紧跟在html之后，是html中的首个子元素

头部所包含的内容（子元素）
（1）网页标题：<title>标题内容</title>
（2）定义网页的编码格式,关键字，描述
    网页的编码格式：<meta charset="utf-8">(utf-8:支持中英文、标点、符号)
    关键字：<meta name="keywords" content="关键字">
    描述：<meta name="description" content="描述内容">
（3）定义或引用javascript：<script></script>
（4）<style></style>定义内部样式
（5）<link>引入外部样式
复制代码

页面主体：网页显示的主体内容

<body></body>
【属性】
text：表示文本颜色
bgcolor：表示网页的背景颜色

简单完整写法如下：

复制代码
<!doctype html>
<html>
  <head>
    <meta charset="utf-8"/>
    <title>页面名称</title>
    <link rel=”stylesheet“ type="text/css" href="文件路径"/>
    <style>样式</style>
    <script>js脚本</script>
</head>
    <body>
        <div>
            <p></p>
        </div>
    </body>
</html>
复制代码
posted @ 2019-10-10 19:20  飞天神猫丶  阅读(215)  评论(0)    收藏  举报