零基础 HTML 入门(详细)

目录

1.简介

1.1 HTML是什么?

1.2 HTML 版本

1.3 通用声明

2.HTML 编辑器

3.标签的语法

4.HTML属性

5.常用标签

5.1 head 元素

5.1.1 title 标签

5.1.2 base 标签

5.1.3 link 标签

5.1.4 style 标签

5.1.5 meta 标签

5.1.6 script

5.2 HTML 注释

5.3 段落标签

5.4 文本格式化标签

5.5 HTML 链接

5.6 CSS 样式

5.7 HTML 图像

5.7.1 img 标签

5.7.2 map 和 area 标签

5.7.3 HTML5 中的 picture 标签

5.8 table 标签

5.8.1  HTML 表格背景

5.8.2 表格的边框合并

5.8.3 单元格的合并

5.8.4 HTML 表格的嵌套

5.9  HTML列表

5.9.1 有序列表

5.9.2 无序列表

5.9.3 定义列表

5.10 区块

6.布局

6.1 HTML4 布局

6.2 HTML5 布局


1.简介

1.1 HTML是什么?

HTML (HyperText Markup Language) 是指用于创建网页超文本标记语言,通过它可以实现图片、链接、音乐等元素的展示,您可以将 HTML 运行在浏览器上,由浏览器来解析。它是通向Web技术的起点,是前端程序员必要的基本功

HTML 是一种标记语言(一套标记标签),它使用标记标签来描述网页。标签是由尖括号包围的关键词,例如  <html>; 标签通常是成对出现的,例如  <html> 和 </html>。

HTML文档结构
HTML文档结构

1.2 HTML 版本

自 HTML 诞生以来,已发展出了许多 HTML 版本,HTML 版本的介绍如下:

HTML 版本
版本 发布时间 版本说明
HTML 1.0 1991  HTML 的第一个版本
HTML 2.0 1995  增加了表单元素以及文件上传等功能
HTML 3.2 1997  加了创建表格以及表单的功能
HTML 4.01 1999  增加了对样式表(CSS)的支持(非常稳定的版本,是当前的官方标准)
XHTML 1.0 2000 目的是基于XML应用,在HTML 4.0基础上优化和改进的的新语言
HTML 5 2012 提升了 Web 在富媒体、富内容和富应用等方面的能力

1.3 通用声明

<!DOCTYPE> 是 HTML 的文档类型声明,正确声明 HTML 版本可以使浏览器能够显示网页:

HTML5

<!DOCTYPE html>

HTML 4.01:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"      

"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2.HTML 编辑器

常用的编辑器:Notepad++Sublime TextHBuilderEditPlus (文本编辑器),VS CodeUltraEdit在线编辑器

  • Notepad++:是基于Windows操作系统的免费软件,支持众多计算机程序语言的文本编辑器。
  • Sublime Text: 是一个支持多种编程语言并且可以跨平台的文本编辑器,虽然该软件收费但是可以试用,拥有优秀的代码自动完成功能,还拥有代码片段。
  • HBuilder:是一款支持 HTML5 的Web开发IDE。通过语法提示和代码输入法、代码块等,大幅开发前端效率。
  • EditPlus:可以处理文本、HTML和程序语言的Windows编辑器,也支持C、Java、Php等编程语言。
  • Visual Studio Code :是 Microsoft 提供可以运行于 Mac OS X、Windows 和 Linux 编写 Web 和云应用的源代码编辑器。它支持 JavaScript,TypeScript和Node.js 和编程语言(例如C++,C#,Java,Python,PHP,Go

相关推荐

  1. Lua 基础入门

    2024-04-10 10:14:02       28 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-10 10:14:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-10 10:14:02       100 阅读
  3. 在Django里面运行非项目文件

    2024-04-10 10:14:02       82 阅读
  4. Python语言-面向对象

    2024-04-10 10:14:02       91 阅读

热门阅读

  1. 通过 Spark SQL 和 DataFrames 与外部数据源交互

    2024-04-10 10:14:02       32 阅读
  2. kafka客户端常用命令

    2024-04-10 10:14:02       34 阅读
  3. C#WPF给控件增加滚动条

    2024-04-10 10:14:02       40 阅读
  4. PDF Guru 通用型PDF文件处理工具

    2024-04-10 10:14:02       33 阅读
  5. OpenDevin介绍

    2024-04-10 10:14:02       32 阅读
  6. QT day2

    2024-04-10 10:14:02       37 阅读
  7. Acwing2024蓝桥杯DFS

    2024-04-10 10:14:02       30 阅读
  8. C语言每日一题(66)三数之和

    2024-04-10 10:14:02       34 阅读
  9. Linux服务篇之FTP及SFTP

    2024-04-10 10:14:02       35 阅读
  10. C++_List的学习

    2024-04-10 10:14:02       29 阅读
  11. 【leetcode】大数相加

    2024-04-10 10:14:02       37 阅读
  12. 服务器硬件基础知识

    2024-04-10 10:14:02       31 阅读
  13. js的模块是怎么加载的

    2024-04-10 10:14:02       39 阅读
  14. 动态表单的实现和校验

    2024-04-10 10:14:02       30 阅读
  15. 如何控制台灯的亮度

    2024-04-10 10:14:02       41 阅读
  16. 3GPP-LTE Band31标准定义频点和信道(V17.3.0 (2022-09)

    2024-04-10 10:14:02       43 阅读