什么是HTML?
超文本,超越了普通的文本,可以改变字体颜色、添加图片。是css和js的基础
是一种用于创建网页的标准标记语言。而标记语言是一套标记标签
HTML 标签
HTML 标记标签通常被称为 HTML 标签 。
- HTML 标签是由尖括号包围的关键词,比如 <html>
- HTML 标签通常是成对出现的,比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
- 其结构为<标签>内容</标签>
<!DOCTYPE> 声明
<!DOCTYPE>声明有助于浏览器中正确显示网页。
网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
doctype 声明是不区分大小写的,以下方式均可:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
中文编码
目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。
HTML 网页文件组成
各部分的详细解释
Web 浏览器
Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。
常用标签
单标签:由一个标签组成。<hr/>
双标签:由“开始标签”和“结束标签”两部分构成。例如<p></p>
标题标签
代码如图所示:
效果如图:
段落标签
代码如图所示:
效果如图:
换行标签
代码如图所示:
效果如图:
水平线标签
代码如图所示:
效果如图:
列表
无序列表
代码如图所示:
效果如图:
div和span
把div看成一层一层的,span看成一块一块的
div代码如图
效果如图
span代码如图
效果如图
注意:span不会换行
格式化标签
font
代码
效果
pre
代码:
效果:
文本标签
a标签
以空白窗口blank和当前窗口self为主。top为顶层窗口
代码:
效果:
在新窗口打开
a标签的锚点功能
图片
代码:
效果:
注意
alt:在图片无法显示的时候出现文字效果
图片也可以是在线图片,只需要把图片连接复制到img
表格
tr常用属性
代码:
效果: