HTML零基础入门教程(详细)

HTML零基础入门教程(详细)HTML 是用来描述网页的一种语言 HTML 是一种在 Web 上使用的通用标记语言 HTML 允许你格式化文本 添加图片 创建链接 输入表单 框架和表格等等 并可将之存为文本文件 浏览器即可读取和显示 HTML 指的是超文本标记语言 HyperTextMar

参考:HTML 教程 | 菜鸟教程

1 什么是HTML

HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。

  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 不是一种编程语言,而是一种标记语言
  • 标记语言是一套标记标签 (markup tag)
  • HTML 使用标记标签来描述网页
  • HTML 文档包含了HTML 标签文本内容
  • HTML文档也叫做 web 页面

2 入门实例

新建一个test.html文件,内容如下

 
   
   ZONGXP 
   

我的第一个标题

我的第一个段落。

其中:

  •  声明为 HTML5 文档
  •  元素是 HTML 页面的根元素
  •  元素包含了文档的元(meta)数据,如 

     定义网页编码格式为 
    utf-8(由于在大部分浏览器中直接输出中文会出现乱码,所以要在头部将字符声明为UTF-8

  •  元素描述了文档的标题
  •  元素包含了可见的页面内容

  •  元素定义一个大标题

  •  元素定义一个段落

保存后运行,即可在浏览器中打开如下界面

HTML零基础入门教程(详细)

3 各部分详解

3.1 标题

HTML 标题(Heading)是通过

标签来定义的.

 
   
   ZONGXP 
   

这是标题 1

这是标题 2

这是标题 3

这是标题 4
这是标题 5
这是标题 6

3.2 段落

HTML 段落是通过标签

来定义的

 
   
   ZONGXP 
   

这是一个段落。

这是一个段落。

这是一个段落。

3.3 链接

HTML 链接是通过标签 来定义的

 
   
   ZONGXP 这是一个链接使用了 href 属性 
  

3.4 图像

HTML 图像是通过标签 来定义的。注意: 图像的名称和尺寸是以属性的形式提供的。

 
   
   ZONGXP 
   HTML零基础入门教程(详细)  
  

3.5 表格

表格由

标签来定义。每个表格均有若干行(由

标签定义),每行被分割为若干单元格(由

标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 标签进行定义。如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框。使用边框属性来显示一个带有边框的表格:
 
  
Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2

4 速查列表

4.1 基本文档

 文档标题 可见文本... 

4.2 基本标签

最大的标题

. . .

. . .

. . .
. . .
最小的标题

这是一个段落。


(换行)
(水平线)

4.3 文本格式化

粗体文本 计算机代码 强调文本 斜体文本 键盘输入 
预格式化文本

更小的文本 重要的文本 (缩写)

(联系信息) (文字方向)

(从另一个源引用的部分)
(工作的名称) (删除的文本) (插入的文本) (下标文本) (上标文本)

4.4 链接

普通的链接:链接文本 图像链接: 替换文本 邮件链接: 发送e-mail 书签: 提示部分 跳到提示部分

4.5 图片

替换文本

4.6 样式/区块

 
  
文档中的块级元素
文档中的内联元素

4.7 无序列表

 
  
  • 项目
  • 项目

4.8 有序列表

 
  
  1. 第一项
  2. 第二项

4.9 定义列表

 
  
项目 1
描述项目 1
项目 2
描述项目 2

4.10 表格

 
  
表格标题 表格标题
表格数据 表格数据

4.11 框架

4.12 表单

 
  

4.13 实体

< 等同于 < > 等同于 > © 等同于 ©

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/175660.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月26日 下午11:41
下一篇 2026年3月26日 下午11:41


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号