了解HTML标记语言

最新推荐文章于 2024-07-10 01:10:22 发布
最新推荐文章于 2024-07-10 01:10:22 发布
阅读量475 收藏 3
点赞数 4
分类专栏： Web前端 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JG_Rtp/article/details/125285440
版权

HTML入门

努力就能成功，坚持确保胜利。

什么是HTML

  在我们的日常生活中经常会进入网站，看到https://baidu.com/xxx.html等的一些以html结尾的文件，那么html究竟是什么呢？

疑惑

  接下来我们进入正题，HTML是由Web的发明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的，HTML的全称Hyper Text Markup Language中文意思为超文本标记语言，是一种标记语言它的扩展名为 .html或.htm。

  HTML包括了一系列的标签。通过这些标签可以将Internet上一些零散的资源链接为一个逻辑整体。HTML文件是由HTML标签组成的描述性文本，HTML标签可以说明文字，图形、动画、声音、表格、链接等。

懂了

  好了，我们现在已经大概了解到了什么是HTML，接下来我们该去了解HTML 的一些标签了。

解析HTML

请添加图片描述

上面是一个HTML文档的基本内容。

  • <!DOCTYPE html>：表示定义文档的类型，比如我定义的是HTML5
  • <html>：表示页面的根元素
  • <head>：表示头部它包含了网页的元数据
  • <title>：表示标题
  • <body> ：包含了可见的页面内容，只有body区域才会在页面中显示出来
  • <h1>：定义一个大标题
  • <div>：表示一个板块
  • <p>：表示了一个段落

tips：在网页内点击键盘的F12能开始开发者调试，可以看到HTML的组成标签。在edge浏览器中按Ctrl+u可以直接看到网页源码。

HTML标签

  HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML的标签是由尖括号和关键词组成的，例如<u>。HTML的标签一般都是成对的，例如开头标签<center>和结束标签</center>。

HTML元素

  HTML标签和HTML元素都是差不多的意思，例如<p></p>就是HTML元素。

HTML版本

  从网络的诞生之后，已经陆续的出现过很多的HTML版本。但我们目前使用最多的就是HTML5。
以下就是HTML各个版本和发布时间。

版本发布时间
HTML1991
HTML+1993
HTML 2.01995
HTML 3.21997
HTML 4.011999
XHTML 1.02000
HTML52012
XHTML52013

<!DOCTYPE> 声明

  <!DOCTYPE>声明有助于浏览器中正确显示网页。
网络上有许许多多不同的文件，只要能够正确的声明HTML的版本，浏览器就能够正确显示内容。

通用声明

HTML5：

<!DOCTYPE html>

HTML4.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代码编辑时，在电脑端我们可以使用专业的HTML开发工具比如VS Code、Sublime Text等，也可以使用我们电脑自带的记事本进行编辑，手机端推荐大家使用WebCat。

HTML基础

  上面说了那么多废话，现在终于轮到了我们的正题。

HTML 标题

通常页面中的标题是通过<h1>~<h6>来实现的。

示例：

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
<h4>这是一个标题</h4>
<h5>这是一个标题</h5>
<h6>这是一个标题</h6>

运行结果：

这是一个标题
这是一个标题
这是一个标题
这是一个标题
这是一个标题
这是一个标题

HTML 段落

HTML的段落是由<p></p>实现的。

示例：

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

输出结果：

这是一个段落。

这是另外一个段落。

HTML 链接

HTML的连接是由<a>标签实现的。

示例：

<a href="https://www.csdn.net/">这是一个链接</a>
<!-- href属性用来指定链接的地址-->

HTML 图像

HTML 图像是由标签实现的。

示例：

<img src="./yinian.png" width="50px" height="50px" />

输出结果：

在这里插入图片描述
学习的时光总是短暂的，轻轻一翻，文章就已经接近了尾声。
我们下节再见！

壹年.
关注
  • 4
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
HTML超文本标记语言
weixin_44552244的博客
03-31 218
HTML超文本标记语言 作者：郑名方 本次任务完成时间：2019年2月24 日～2019年2月 24 日 一、HTML中的常用标签他们都有特定的定义。 二、 HTML中的常用标签分有几类： 分别有 结构、（有文件标题、文件更新等） 版面、（文字字体变形变化、文字对齐方向等） 图片、（插入图片、特定图大小等） 表格、（定义表格等） 清单、（选择清单、无序号清单有序号清单等） 表单、（多列输入与选择表...
前端基础1——HTML标记语言
百慕卿君博客
08-29 480
HTML常用标签
HTML常用标记（超详解）
m0_52896041的博客
11-26 1万+
HTML常用标记（超详解）
HTML标记语言
pan_junbiao的博客
08-06 3799
1、HTML标记语言 HTML的全称是Hyper Text Markup Language，即超文本标记语言。HTML是一种在互联网上常见的网页制作标记性语言，HTML用于描述超文本中内容的显示方式。使用 HTML 可以实现在网页中定义一个标题、文本或者表格等。严格的说，HTML 并不能算作是一种程序设计语言，因为它缺少了程序设计语言所应有的特征。HTML是通过浏览器的翻译，将网页中的内容呈现...
HTML语言剖析.doc
11-29
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，它是Web开发的基础，允许开发者通过结构化标记来组织网页内容。在"HTML语言剖析.doc"中，我们可以看到HTML语言的主要元素和它们的功能。 1. *...
html标记语言学习手册
07-22
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，其主要目的是通过使用特定的标记来组织和格式化文本，以便在Web浏览器...了解这些标记语言不仅有助于创建静态网页，还能为动态网站开发打下基础。
html标记语言详细解析与实例
11-29
HTML 标记语言详细解析与实例 HTML（HyperText Mark-up Language）是一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。 HTML 不是程式语言，如 C++ 和 Java 之类，它...
html标记语言PPT教案.pptx
10-20
HTML标记语言，全称为HyperText Markup Language，是一种用于创建网页的标准标记语言。它不只是一种编程语言，而是一种描述性的语言，主要用于结构化和呈现网页内容。HTML文档由一系列的元素组成，这些元素通常被...
浅谈HTML中的标记
09-28
HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言...了解并熟练掌握HTML标记的用法，是成为一名合格的前端开发人员的基础。希望这篇文章能帮助你更好地理解HTML中的标记，并在实际工作中灵活运用。
初识Html标记语言
qq_40968379的博客
03-08 193
学了javaweb已经一周了，感觉还是比较有意思的，但是由于感觉书上内容不够详细，所以去图书馆借了一本书来自学，感觉图书馆的书真的是比较详细一点，对于初学者来说比较入手，一开始就是先介绍了HTML语言，也就是标记语言，网页的设计在JAVAWEB中主要是使用标记语言，其中它的框架包括起开始标签头标签，这个看自己的设计需要，有时候是可以不写的，还有主体部分的标签 这个是结束标签。网页的页面设计整体框...
HTML语言(概述及常用标签）
hacker707的博客
07-29 8016
1.1什么是HTMLHTML是做网站的、Web开发、互联网生态开发(PC端+移动端+微应用)目前我们使用的都是HTML5,支持传统的PC端开发，还支持移动端开发还支持微应用开发,从而替换了部分传统的移动端开发技术1.2HTML概念HTMLHyperTextMarkupLanguage，超文本标记语言。是用来帮助我们构建网页的。【超文本】网页本身是一个文本文件，而超文本指的是这种文件中既可以包含文本信息，又可以包含图片，音频，视频和链接等非文字的信息。【标记语言】标记，也叫做标签。...
【HTML 标签详解】
热门推荐
书生-w的博客
04-28 2万+
HTML，全称“Hyper Text Markup Language（超文本标记语言）”，简单来说，网页就是用HTML语言制作的。HTML是一门描述性语言，是一门非常容易入门的语言。
HTML标签详解
conquerman的博客
03-26 2941
本文主要内容 头标签 排版标签：<p>、 <div>、 <span>、<br> 、 <hr> 、 <center> 、 <pre> 字体标记：<h1>、 <font>、 <b>、 <u> 、<sup> 、<sub> 超链接 <a>...
1. 初识网页标记语言HTML—HTML简介
Zephyr Hou 的博客
12-16 1640
HTML教程-简介前言一、什么是HTML？二、简单的HTML例子Reference 欢迎学习交流！ 邮箱：zengf.hou@bit.edu.cn 前言 编程语言的学习相对费事费力，尤其是对初学编程的朋友们。相比于其他编程语言，HTML作为一种超文本标记语言（Hyper Text Markup Language，简称：HTML）似乎更为简单，严格意义上讲，它并不算是一种编程语言，而是一种标记语言（makeup language）。从我的经历来讲，我感觉它更像markdown 和Latex 等工具，通过特定的
html（超 文本 标记 语言）
Chen4852010的博客
06-23 1402
1.超文本，即有超链接的 特性2.文本：字符串内容3.标记：将文本体，按照不同的需求，做区分 所以 html我们要关注的是 1.html 是 网页的 结构，主要是结构(不能做太多的修饰工作，重点在结构) 2.html的主体就是 标签以及对应的标签体，这样就能将文本，提供不同的标签 结构化 3.标签中的属性，用来将 标签体中的内容做简单的渲染 但是，一般不用，html只做结构，表现由css来做4.常用标签5.实体用来，特殊字符的编写6.meta标签，用来给浏览器和搜索引擎读的，不在页面中显示，放在......
通过 tomcat 让手机访问到电脑写的 html 网页
最新发布
m0_75138009的博客
07-10 722
通过 tomcat运行的文件，只要处于同一个局域网下，就可以被访问，不过我们需要将防火墙对 8080 这个端口设置允许外部访问，或直接把防火墙先暂时关闭。我们需要在在环境变量中配置 JAVA_HOME 和 CATALINA_HOME 两个变量，分别装入 jdk 和 tomcat 的路径。之前实现的 html 小项目只能在自己的电脑上展示，如果要在其他电脑或者在手机上就看不到网页了。要运行 tomcat ，我们必须要确保我们的环境变量中有 jdk。想要在手机上访问自己写的网页，我们可以借助 tomcat。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值