前端基础学习----关于HTML基础-CSDN博客

本文链接：https://blog.csdn.net/weixin_42010137/article/details/97971939

HTML : Hyper（精力旺盛的） Text Markup（标记） Language 超文本标记语言

HTML是一种标记语言（区别于编程语言），HTML用标记标签来描述网页

拓：

标记语言：是一套标记标签，是一种将文本以及文本相关的其他信息结合起来，展示出关于文档结构和数据处理细节的电脑文字编码。like HTML OR XML
编程语言（编译型语言）：程序执行之前需要编译，编译成机器语言，运行时用编译后的文件，执行效率高，跨平台性差。like C、C++
脚本语言：为了缩短传统的（edit-compile-link-run）编写-编译-链接-运行过程而创建的计算机编程语言，脚本通常以文本（如ASCII)保存，只在被调用时进行解释或编译。like JavaScript、PHP
区别
1、标记语言不用于向计算机发出指令，常用于格式化和链接。
2、脚本语言介于标记语言和编程语言之间，脚本语言脚本语言不需要编译，可以直接用，由解释器来负责解释。
3、编译型语言写的程序执行之前，需要一个专门的编译过程，把程序编译成为机器语言的文件，比如exe文件，以后要运行的话就不用重新翻译了，直接使用编译的结果就行了（exe文件），因为翻译只做了一次，运行时不需要翻译，所以编译型语言的程序执行效率高。

HTML文档=网页

HTML文档描述网页

HTML文档包括HTML标签和纯文本**

WEB浏览器的作用就是读取HTML文档并显示

<html>与 </html> 之间的文本描述网页

<body> 与 </body> 之间的文本是可见的页面内容

HTML标签
1. HTML标题： h1-h2-h3-h4-h5-h6
2. HTML段落： p
3. HTML链接： a （<a href=""></a>)
4. HTML图像： img（<<img src=""/>>）

HTML元素语法
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性

空元素
没有内容的HTML元素被称为空元素，like <br/>

HTML属性
like
<a href=""></a>–href
<h1 align="center">–align居中排列标题
<body bgcolor="yellow">–bgcolor背景颜色
<table border="1">–border边框宽度

始终为属性值加引号
一般用双引号，如果属性值本身有双引号则用单引号

HTML水平线----用于分割

<hr />

浏览器会在段落<p>前后自动添加空行

<pre>标签很适合显示代码段
<abbr>(<abbr title="全写">缩写</abbr>)缩写----鼠标放上后会显示全写内容
<acronym>(<acronym title="全写">首字母缩写</acronym>)-----鼠标放上后会显示全写内容
<address>----地址，斜体显示
<blockquote>----长引用，会给引用的文本加外边距
<q>----短引用，会加双引号
<del>----删除字，有划掉的显示
<ins>----添加字，有下划线
<dfn>（<dfn title="定义内容">被定义的词</dfn>）----用于定义名词，鼠标移上会有显示定义内容
<cite>----著作的标题，斜体
<bdo>(<bdo dir="rtl/ltr")----rtl是文本显示从右到左，ltr是左到右