共计 2764 个字符，预计需要花费 7 分钟才能阅读完成。
HTML 是一种在因特网上常见的网页制作标注性语言，但因缺少程序设计语言所应有的特征，不能算作一种程序设计语言。它通过浏览器的翻译将网页中的内容呈现给用户。对于网站设计人员，HTLM 和 CSS 是一起用的，它俩的关系是“内容”和“形式”，由 HTML 确定网页的内容，CSS 实现页面的表现形式。两者完美搭配使页面更加美观、大方、容易维护。
超文本语言、HTML 标记不区分大小写的。
1、HTML 文档结构
HTML 页面的基本结构：、
、
...该标记是 HTML 文件的开头。所有 HTML 文件都以标记开头，标记结束。
HTML 页面的所有标记都要放置在 … 标记之间，没有实质性功能，但必不可少
...该标记是 HTML 文件的头标记。作用是放置 HTML 文件的信息，如定义 CSS 样式代码可放置在
… 标记之间。
... 该标记是标题标记。可将网页的标题定义在
2、HTML 文本标记
单独标记。使网页中的文字实现换行。哪里需要哪里搬。
HTML 页面
社会主义核心价值观
富强 民主 文明 和谐
自由 平等 公正 法治
爱国 敬业 诚信 友善
...
在段前和段后各添加一个空行，定义在段落标记中的内容不受该标记影响。
...
...
...
...
...
...
创建不同级别的标题。数字越大，表示级别越低，文字的字体也就越小。
HTML 页面
社会主义核心价值观
富强 民主 文明 和谐
自由 平等 公正 法治
爱国 敬业 诚信 友善
时刻保持解决大党独有难题的清醒和坚定，把党的伟大自我革命进行到底
治国必先治党，党兴才能国强。
党的二十大发出了为了全面建设社会主义现代化国家、全面推进中华民族伟大复兴而团结奋斗的伟大号召，党领导的社会革命迈上新征程，党的自我革命必须展现新气象，全面从严治党更要有新的认识、新的作为。
... 默认的布局方式是从左到右依次排序。
HTML 页面
社会主义核心价值观
富强 民主 文明 和谐
自由 平等 公正 法治
爱国 敬业 诚信 友善
分为无序列表和有序列表
（1）无序列表
- 列表项 1
- 列表项 2
- 列表项 3
...
每个列表项的前面添加一个圆点标记。
HTML 页面
社会主义核心价值观
- 国家：富强 民主 文明 和谐
- 社会：自由 平等 公正 法治
- 公民：爱国 敬业 诚信 友善
（2）有序列表
- 列表项 1
- 列表项 2
- 列表项 3
...
将列表项进行排顺序：1. …. 2. … 3. …
HTML 页面
社会主义核心价值观
国家：富强 民主 文明 和谐
社会：自由 平等 公正 法治
公民：爱国 敬业 诚信 友善
代码有些问题，会出现黄色警告，但不影响页面显示，好像是标记嵌套错误。
3、HTML 表格标记
表格用来存储数据。表格包含标题、表头、行、单元格。在 HTML 页面中定义表格，需使用以下 5 个标记：
...
表示整个表格。该标记中有多个属性：
| 属性 | 描述 |
| width | 设置表格宽度 |
| border | 设置表格边框 |
| align | 设置表格对齐方式 |
| bgcolor | 设置表格背景色 |
... 可设置属性。（还得找找属性有哪些）
... 可设置属性。
... 一组
| ... | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
标记。可设置属性。
在实际开发中，常用于设计页面。在页面中创建一个表格，并设置没有边框，之后通过该表格将页面划分为几个区域，分别对几个区域进行设计。 4、HTML 表单标记网站登录页面。表单是用户与网页交互信息的重要手段。 该标记中，可定义处理表单数据程序的 URL 地址等信息。 各属性说明：
target：指定输入数据结果显示在哪个窗口，属性值： _blank：在新窗口打开目标文件； _self：表示在同一个窗口中打开，这项一般不用设置； _parent：在上一级窗口中打开，一般使用框架页时经常使用； _top：在浏览器的整个窗口中打开，忽略任何框架。 有个例子：为创建表单，设置表单名称为 form，当用户提交表单时，提交至 action.html 页面进行处理。
可以向页面中添加单行文本、多行文本、按钮等 标记的语法格式如下： 标记详细属性介绍：表单输入标记 -CSDN 博客 太多了，我懒得再打一遍 ……….
该标记可以在页面中创建下拉列表，使用
实验例子：
通常情况下，
实验例子：
5、超链接与图片标记在网站中实现从一个页面跳转到另一个页面，就是用它来完成的。 属性 href 用来设定连接到哪个页面中。 浏览网站中通常会看到各式各样漂亮的图片，在页面添加的图片是通过
实验例子： 点击查看详情，跳转界面到指定页面，比如我写的是“href=”002.jsp”
|
原文地址: （二）网页前端开发基础之 HTML
