什么是HTML?
HTML(Hyper Text Markup Language)称为超文本标记语言:
- 所谓超文本,即是页面中除文本信息外,还可包含图片、链接、音乐、程序等非文字元素。
- 标记语言通过标记符号标记网页中要显示的各个部分。网页文件是一种文本文件,而在其中添加标记符能告诉网页如何有序、正确地显示内容。
HTML标签
HTML标记标签(HTML tag):
- 由一对尖括号包围的关键词
- 通常前后成对出现
- 标签对中前一个称为开始标签(也称开放标签),后一个称为结束标签(也称闭合标签)
- HTML标签使用大小写均可,但建议使用小写f
基本的HTML标签:
- HTML标题:
<h1>First Heading</h1>
<h2>Second Heading</h2>
<h3>Third Heading</h3>
- HTML段落:
<p>Paragraph1</p>
<p>Paragraph2</p>
- HTML链接:
href是Hyper text Reference(超文本引用)的缩写
<a href="https://i.csdn.net/#/uc/profile">This is a link</a>
- HTML图像
src是img标签的属性
<img src="w3school.jpg"width="104"height="142"/>
HTML元素
HTML文档由HTML元素定义。
HTML元素指从开放标签到闭合标签的所有代码。
HTML元素语法:
- 以开始标签起始,以闭合标签终止
- 开始标签、闭合标签之间的内容称作元素的内容
- 大多数HTML元素可拥有属性
- 大多数HTML元素可嵌套(即包含其他元素)
- 定义整个HTML文档的元素:
<html></html>
- 定义HTML文档主体的元素:
<body></body>
HTML属性
HTML标签可拥有属性。
- 属性提供有关HTML元素的信息。
- 属性的名称和值总是成对出现。
- **属性值始终被包括在引号内。**一般情况下使用单引号或双引号均可,在个别情况下(比如属性值本身含双引号),则必须使用单引号。
- 属性总在HTML元素的开放标签中规定。
下面举几个例子(顺带学习新属性: <h1 align="center">Heading</h1>
其中 align 即为标题标签的属性,align 拥有关于对齐方式的附加信息,为 align 赋值 center ,意思是标题将在页面中居中排列。<body bgcolor="yellow"></body>
同理,其中 bgcolor 为主体标签的属性,bgcolor 拥有关于背景颜色的附加信息,为 bgcolor 赋值 yellow,意思是背景颜色将设置为黄色。<table border="1">
<table>
是定义HTML表格的标签,border 拥有关于表格边框的附加信息。
HTML文档 = 网页
- HTML文档用于描述网页
- HTML文档包括HTML标签和纯文本
- HTML文档等同于我们通常说的网页
关于Web浏览器
Web浏览器的作用是读取HTML文档,并以网页的形式显示给用户。
HTML编辑器
- 可使用常见的文本编辑器如Notepad++、或记事本编写HTML
- 也可使用专业的HTML编辑器来编辑HTML,如Microsoft Expression Web
- 注意在保存HTML文档时,要使用.htm(或.html)拓展名