1.HTML概述
HTML(HrperText Markup Language),译为超文本标记语言。
HTML语言是用来告知浏览器如何组织页面的标记语言,它并不是一门编程语言,而是一种定义内容结构的语言。HTML语言由HTML元素组成,HTML元素可以使不同的元素内容呈现出不同的网页显示效果,比如标题、段落、文本等不同形式,还可以显示为超链接、显示图片等。
2.HTML元素
网页源代码中用小于号大于号<>括起来的部分就是HTML元素。
一个完整的HTML元素通常由4个部分构成:开始标签、元素内容、结束标签、属性(可选)。
【标签示例】
p是标签的名字,不同的标签有不同的名字和功能。
<p>是开始标签。
云想衣裳花想容,春风拂槛露华浓是元素内容。
</p>是结束标签。
(上面的标签没有属性)
3.常见的HTML标签
- <html>:定义HTML文档的根元素。
- <head>:定义HTML文档的头部,包含了文档的元数据。
- <title>:定义HTML文档的标题
- <body>:定义HTML文档的主体部分。
- <h1>-<h6>:定义标题,从小到大依次表示不同阶级的标题。
- <p>:定义段落。
paragraph 段落
每一个<p>标签表示一个段落,即使标签内容有换行,输出结果依然没有换行效果
- <a>:定义超链接。
- <img>:定义图像。
- <div>:定义文档中的一个区块。
- <span>:定义文档中的一个行内元素。
- <ul>:定义无序列表。
- <ol>:定义有序列表。
- <li>:定义列表项。
- <table>:定义表格。
- <tr>:定义表格中的一行。
- <td>:定义表格中的一个单元格。
- <form>:定义表单。
- <input>:定义输入字段。
- <button>:定义按钮。
- <select>:定义下拉列表。
- <option>:定义下拉列表中的选项。
- <textarea>:定义多行文本输入框。
- <lable>:定义表单元素的标签。
- <iframe>:定义内联框架。
- <script>:定义JavaScript代码。
- <style>:定义样式信息。
- <link>:定义外部样式表或者引入外部资源。
- <meta>:定义文档的元数据信息。
-  :空格字符。
该字符放在HTML文档中代表一个空格,有几个就代表几个空格。
- <hr/>:水平线。
作为单独标签出现,一个<hr/>表示一条水平线,水平线默认从网页左端一直横向跨越到网页右端。
- <!-- -->:注释标签。
- <br/>:段内换行。
作为单独标签出现,/ 就能结束该标签。一个<br/>代表一个换行,两个<br/>代表两个换行。
4.使用文本文档新建HTML文件
【HTML基本结构】
保存文档命名为【(文件名).html】,再双击打开html文件。
【语句分析】
- <!DOCTYPE html>声明为HTML5文档
- <html>元素是HTML页面的根元素
- <head>元素包含了文档的元(meta)数据,如 定义网页编码格式为utf-8
- <title>元素描述了文档的标题
- <body>元素包含了可见的页面内容
- <h1>元素定义一个大标题
- <p>元素定义一个段落