零基础 HTML 入门(详细)

news/2024/6/22 5:13:09

目录

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.01991 HTML 的第一个版本
HTML 2.01995 增加了表单元素以及文件上传等功能
HTML 3.21997 加了创建表格以及表单的功能
HTML 4.011999 增加了对样式表(CSS)的支持(非常稳定的版本,是当前的官方标准)
XHTML 1.02000目的是基于XML应用,在HTML 4.0基础上优化和改进的的新语言
HTML 52012提升了 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 Text,HBuilder,EditPlus (文本编辑器),VS Code,UltraEdit,在线编辑器。

  • 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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.cpky.cn/p/11841.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

如何转行成为产品经理?

转行NPDP也是很合适的一条发展路径&#xff0c;之后从事新产品开发相关工作~ 一、什么是NPDP&#xff1f; NPDP 是产品经理国际资格认证&#xff0c;美国产品开发与管理协会&#xff08;PDMA&#xff09;发起的&#xff0c;是目前国际公认的唯一的新产品开发专业认证&#xff…

javaWeb网上零食销售系统

1 绪 论 目前&#xff0c;我国的网民数量已经达到7.31亿人&#xff0c;随着互联网购物和互联网支付的普及&#xff0c;使得人类的经济活动进入了一个崭新的时代。淘宝&#xff0c;京东等网络消费平台功能的日益完善&#xff0c;使得人们足不出户就可以得到自己想要的东西。如今…

利用Sentinel解决雪崩问题(一)

1、解决雪崩问题的常见方式有四种: 超时处理:设定超时时间&#xff0c;请求超过一定时间没有响应就返回错误信息&#xff0c;不会无休止等待;舱壁模式:限定每个业务能使用的线程数&#xff0c;避免耗尽整个tomcat的资源&#xff0c;因此也叫线程隔离;熔断降级:由断路器统计业务…

探索进程控制第一弹(进程终止、进程等待)

文章目录 进程创建初识fork函数fork函数返回值fork常规用法fork调用失败的原因 写时拷贝进程终止进程终止是在做什么&#xff1f;进程终止的情况代码跑完&#xff0c;结果正确/不正确代码异常终止 如何终止 进程等待概述进程等待方法wait方法waitpid 进程创建 初识fork函数 在…

[C++][算法基础]模拟队列(数组)

实现一个队列&#xff0c;队列初始为空&#xff0c;支持四种操作&#xff1a; push x – 向队尾插入一个数 x&#xff1b;pop – 从队头弹出一个数&#xff1b;empty – 判断队列是否为空&#xff1b;query – 查询队头元素。 现在要对队列进行 M 个操作&#xff0c;其中的每…

数据结构--KMP算法

数据结构–KMP算法 首先我在这里提出以下问题&#xff0c;一会一起进行探讨 1.什么是最长公共前后缀 2. KMP算法怎么实现对匹配原理 3. 最长公共前后缀怎么求解 KMP算法可以用来解决什么问题&#xff1f; 答&#xff1a;在字符串中匹配子串&#xff0c;也称为模式匹配 分析…