w3schools网站的HTML教程之HTML介绍

news/2024/4/27 20:34:12/文章来源:https://blog.csdn.net/weixin_33878457/article/details/89408846

什么是HTML

HTML 是一种描述 Web 文档(页面)的标记语言。

  • HTML 代表超文本标记语言(Hyper Text Markup Language)

  • 标记语言就是一组标记标签

  • HTML 文档是由 HTML 标签来描述的

  • 每个 HTML 标记描述了不同的文档内容

HTML 示例代码

<!DOCTYPE html>
<html><head><title>Page Title</title></head><body><h1>My First Heading</h1><p>My first paragraph.</p></body>
</html>

示例代码解释

  • DOCTYPE 声明定义将 HTML 文档类型

  • <html></html>标签之间的文本描述了一个 HTML 文档

  • <head></head>标签之间的文本提供了有关 HTML 文档的信息

  • <title></title>标签之间的文本提供了有关 HTML 文档的标题

  • <body></body>标签之间的文本描述了可见的 HTML 文档内容

  • <h1></h1>标签之间的文本描述了标题

  • <p></p>标签之间的文本描述了段落

通过使用这些描述,浏览器可以显示一个 HTML 文档的标题和段落。

HTML 标签

HTML 标签是包含了一对尖角号的关键词(标签名称):

<tagname>content</tagname>
  • HTML 标签通常是成对的,比如<p></p>

  • 一对标签中的第一个标签是开始标签,第二个是结束标签

  • 结束标签像开始标签一样编写,只是在标签名称的前面有一个斜杠

开始标签也可以叫做打开标签,结束标签也可以叫做关闭标签。

Web 浏览器

一个 Web 浏览器的作用是读取并显示一个 HTML 文档。
一个 Web 浏览器不显示 HTML 标签,而是通过它们来确定如何显示 HTML 文档。

HTML 页面结构

下面是一个 HTML 页面结构的示例:

<html><head><title>Page title</title></head><body><h1>This is a heading</h1><p>This is a paragraph.</p><p>This is another paragraph.</p></body>
</html>

浏览器只显示<body>标签区域内的内容。

<!DOCTYPE> 声明

<!DOCTYPE> 声明有助于浏览器能够正确地显示 HTML 页面。
网络中具有不同的文档类型。
想要正确地显示 HTML 文档,浏览器必须要知道 HTML 文档的类型和版本。
<!DOCTYPE> 声明是不区分大小写的,以下所有写法都是正确地:


<!DOCTYPE html><!DOCTYPE HTML><!doctype html><!Doctype 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">

HTML 版本

在网络的早期,HTML 就具有了很多版本:

版本年份
HTML1991
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML2000
HTML52014

本文翻译于《w3schools》网站提供的 HTML 教程。

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

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

30分钟搞定后台登录界面(103个后台PSD源文件、素材网站)

去年八月时要做一个OA系统为了后台界面而烦恼&#xff0c;后来写了一篇博客&#xff08;《后台管理UI的选择》&#xff09;介绍了选择过程与常用后台UI&#xff0c;令我想不到的时竟然有许多开发者与我一样都为这个事情而花费不少时间&#xff0c;最后界面效果还是不佳&#xf…

关于提高网站性能的几点建议

2019独角兽企业重金招聘Python工程师标准>>> 最近在学习《高性能网站建设指南》这本书&#xff0c;本文算是一个学习笔记&#xff0c;将学到的东西进行整理一下&#xff0c;方便后面查看。 性能黄金法则&#xff08;Performance Golden Rule)解释了只有10%~20%的最终…

如何免费把网站从http升级到https

预备知识&#xff1a; 1.什么是https, 相对于https有什么优势/劣势?2.升级https需要准备的文件? 如何升级? 3.ssl证书类型? (EV/OV/通配符证书....)4.如何选择ssl证书? 如何选择供应商? (推荐一家:godaddy比较便宜,Versign/GlobalSign等都比较偏贵)5.如何免费获取信任的…

【运维小分享】记个人博客网站受针对xmlrpc.php的暴力破解***

起因&#xff1a;今天忽然打开个人blog&#xff0c;就发现打开很慢&#xff0c;然后出现了下图的反馈&#xff1a;服务器服务不可用&#xff01;waht&#xff1f;刷新了几次都不行&#xff0c;赶紧登陆服务器后台查看情况。确认***&#xff1a;登陆后台后通过netstat发现连接数…

网站下面的文件找不到_老师傅个人珍藏3年的资源网站,就没有找不到的资源,请珍惜使用...

俗话说的好&#xff1a;靠人不如靠自己&#xff0c;自己动手丰衣足食&#xff0c;还是得自己搜索资源&#xff0c;但是苦于没有给力的资源搜索网站&#xff0c;不用担心啦&#xff01;下面分享几个老师傅个人珍藏3年的资源网站&#xff0c;在网上就没有这几款网站找不到的资源&…

seo管理php源码_linux可视化管理工具-旗鱼云梯

对于经常操作linux的人来说&#xff0c;一款可视化管理工具是一个最好的选择&#xff0c;但是国内外这么多可视化工具&#xff0c;很多运维人员还是觉得外国的月亮圆&#xff0c;还是坚持用国外的插件工具&#xff0c;在这里我要说的是&#xff0c;你看看国内现在的网络环境&am…

ios12完美深色模式插件_让所有网站开启深色模式,试试这个浏览器插件

打从我第一次在用于开发的 IDE(Integrated Development Environment&#xff0c;集成开发环境)中了解并使用一个暗黑的主题之后&#xff0c;我就完完全全变成了 Dark Scheme 的死忠粉。尽管大众对程序员群体形成了「穿格子衫」的刻板印象&#xff1b;但在代码的世界里&#xff…

nextcloud网站不安全_nextcloud安装后常见问题及解决方法

系统&#xff1a;CentOS 7WEB环境&#xff1a;LNMP搭建问题一&#xff1a;PHP 的设置似乎有问题, 无法获取系统环境变量. 使用 getenv(\”PATH\”) 测试时仅返回空结果.解决方法&#xff1a;在PHP-FPM配置文件&#xff1a;/usr/local/php/etc/php-fpm.conf 最后加上一句&#x…

利用Kali linux中的Dirbuster对网站进行渗透描目录

请自觉遵守网络安全法 1.进入kali linux,的Dirbuster 在URL中输入进行扫描的网站 工作方式选择自动切换 可以将Number of Threads的数值进行调节&#xff0c;在硬件允许的条件下‘ 在File with list of dirs/liles中找到相应的字典进行爆破 导入相应的字典文件 选择开启的方…

PyCharm开发Django网站搜索功能教程

搜索 搜索可以使用最原始的like的方式进行搜索。当然这种搜索方式对于一些小量的数据是非常合适的。但是随着数据量越来越大。这时候我们就需要使用搜索引擎了。搜索引擎会将所有需要搜索的数据使用算法做一个索引&#xff0c;以后搜索的时候就只需要根据这个索引即可找到相应的…

使用WebDeployment Project改善VS2005发布网站问题 (三) 常见问题

一、发布后网站浏览时出现乱码(http://www.cnblogs.com/chy710)如果页面编码是gb2312&#xff0c;可能会有此问题&#xff0c;请使用utf-8编码&#xff0c;vs2005中打开页面切换到HTML视图&#xff0c;选择[文件] / [高级保存选项],选择utf-8,保存&#xff0c;OK。二、发现不明…

Django搭建博客网站(1)

一、前言1.1.环境python版本&#xff1a;3.6Django版本&#xff1a;1.11.61.2.预览效果最终搭建的blog的样子&#xff0c;基本上满足需求了。框架搭好了&#xff0c;至于CSS&#xff0c;可以根据自己喜好随意搭配。二、建立博客应用2.1.建立项目和应用创建工程blogprojectdjang…

什么是最好的网站学习如何使用Linux系统?

2019独角兽企业重金招聘Python工程师标准>>> 其实不是很难使用Linux&#xff0c;由于有关系统的大量技术信息加上现在网上的信息鱼龙混杂&#xff0c;各种信息让我们分不清是真是假&#xff0c;您可能会被愚弄&#xff0c;但毕竟真的不是那么困难。为了给你一个开始…

Apache设置禁止访问网站目录

Apache默认在当前目录下没有index.html入口就会显示网站根目录&#xff0c;让网站目录文件都暴露在外面&#xff0c;是一件非常危险的事&#xff0c;例如&#xff1a;数据库密码泄露&#xff0c;隐藏页面暴露等严重安全问题&#xff01; 例如&#xff0c;访问米扑网站根目录: h…

米扑科技的开源项目:sitemap-php 自动生成网站地图

米扑科技旗下的产品&#xff0c;近期正在做SEO网站优化&#xff0c;其中子需求之一是调研实现了网站地图&#xff08;sitemap.xml&#xff09; 封装简化了许多功能模块&#xff0c;现在分享出来&#xff0c;源代码可在Github上下载&#xff0c;有简单的示例。Github 开源网址&a…

十大免费SSL证书:网站免费添加HTTPS加密

SSL证书&#xff0c;用于加密HTTP协议&#xff0c;也就是HTTPS。随着淘宝、百度等网站纷纷实现全站Https加密访问&#xff0c;搜索引擎对于Https更加友好&#xff0c;加上互联网上越来越多的人重视隐私安全&#xff0c;站长们给网站添加SSL证书似乎成为了一种趋势。 给自己的网…

十大免费SSL证书:网站免费添加HTTPS加密

SSL证书&#xff0c;用于加密HTTP协议&#xff0c;也就是HTTPS。随着淘宝、百度等网站纷纷实现全站Https加密访问&#xff0c;搜索引擎对于Https更加友好&#xff0c;加上互联网上越来越多的人重视隐私安全&#xff0c;站长们给网站添加SSL证书似乎成为了一种趋势。 给自己的网…

网站域名、备案、七牛云图床重新搭建与博客整理

最近碰上了一个问题&#xff0c;七牛云开始回收测试域名&#xff0c;结果导致我的图床有些失灵、一些软件资源都无法下载。其实这个问题在前一段不蒜子统计修改的博客里已经有兆头了。不过当时没注意。最后还是被逼得只能购买了域名&#xff0c;各类备案&#xff0c;重新搭建图…

python模拟用户浏览器登陆网站

2019独角兽企业重金招聘Python工程师标准>>> 【前置条件】 Python 2.7.13 |CentOS release 6.5 方案一&#xff1a;使用urllib2库 首先使用自己的账号和密码在浏览器登录&#xff0c;然后通过抓包拿到cookie&#xff0c;再将cookie放到请求之中发送请求即可&#xf…

LAMP架构部署和动态网站环境的配置

实验环境&#xff1a; 操作系统&#xff1a;centos 7.5 服务器IP&#xff1a;192.168.10.5 运行用户&#xff1a;root 连接工具&#xff1a;xshell工具 web环境&#xff1a;Linuxapachephpmariadb&#xff08;LAMP架构&#xff09; 大型动态应用系统平台主要是针对于大流量、高…