返回顶部
首页 > 资讯 > 前端开发 > VUE >HTML有什么作用
  • 299
分享到

HTML有什么作用

2024-04-02 19:04:59 299人浏览 独家记忆
摘要

这篇文章主要介绍了html有什么作用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。HTML介绍   HTML 是用来描述网页的一种

这篇文章主要介绍了html有什么作用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

HTML介绍

  HTML 是用来描述网页的一种语言。

  ·HTML 指的是超文本标记语言: HyperText Markup Language

  ·HTML 不是一种编程语言,而是一种标记语言

  ·标记语言是一套标记标签 (markup tag)

  ·HTML 使用标记标签来描述网页

  ·HTML 文档包含了HTML 标签及文本内容

  ·HTML文档也叫做 WEB 页面

HTML文档的后缀名

    .html

    .htm

  以上两种后缀名没有区别,都可以使用。

HTML实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>自学教程(lengyuezuixue.com)</title>
</head>
<body>
 
<h2>我的第一个标题</h2>
 
<p>我的第一个段落。</p>
 
</body>
</html>

实例解析

   ·<!DOCTYPE html>:声明为HTML5文档

   ·<html>元素是HTML页面的根元素

   ·<head>元素包含了文档的元(meta)数据

   ·<title>元素描述了文档的标题

   ·<body>元素包含了可见的页面内容

   ·<h2>元素定义一个大标题

   ·<p>元素定义一个段落

HTML标签

 HTML标记标签通常被称为 HTML 标签(HTML tag)

  ·HTML 标签是由尖括号包围的关键词,比如 <html>

  ·HTML 标签通常是成对出现的,比如 <b> 和 </b>

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

  ·开始和结束标签也被称为开放标签和闭合标签

<标签>内容</标签>

HTML 元素

  "HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.

  但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:

  HTML 元素:

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

HTML 网页结构

HTML有什么作用

   只有 <body> 区域 (白色部分) 才会在浏览器中显示。

<!DOCTYPE>声明

   <!DOCTYPE>声明有助于浏览器中正确显示网页。

  网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。

  doctype 声明是不区分大小写的,以下方式均可:

<!DOCTYPE html> 
<!DOCTYPE HTML> 
<!doctype html> 
<!Doctype Html>

通常声明

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict

这个 DTD 包含所有 HTML 元素和属性,但不包括表象或过时的元素(如 font )。框架集是不允许的。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "Http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

这个 DTD 包含所有 HTML 元素和属性,包括表象或过时的元素(如 font )。框架集是不允许的。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

这个 DTD 与 HTML 4.01 Transitional 相同,但是允许使用框架集内容。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict

这个 DTD 包含所有 HTML 元素和属性,但不包括表象或过时的元素(如 font )。框架集是不允许的。结构必须按标准格式的 XML 进行书写。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

这个 DTD 包含所有 HTML 元素和属性,包括表象或过时的元素(如 font )。框架集是不允许的。结构必须按标准格式的 XML 进行书写。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

这个 DTD 与 XHTML 1.0 Transitional 相同,但是允许使用框架集内容。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

这个 DTD 与 XHTML 1.0 Strict 相同,但是允许您添加模块(例如为东亚语言提供 ruby 支持)。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

注意

   对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">

感谢你能够认真阅读完这篇文章,希望小编分享的“HTML有什么作用”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网VUE频道,更多相关知识等着你来学习!

--结束END--

本文标题: HTML有什么作用

本文链接: https://lsjlt.com/news/80794.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • HTML有什么作用
    这篇文章主要介绍了HTML有什么作用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。HTML介绍   HTML 是用来描述网页的一种...
    99+
    2024-04-02
  • doctype html有什么作用
    这篇“doctype html有什么作用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“do...
    99+
    2024-04-02
  • html lang属性有什么作用
    本篇内容主要讲解“html lang属性有什么作用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html lang属性有什么作用”吧! ...
    99+
    2024-04-02
  • html dom方法有什么作用
    这篇文章主要讲解了“html dom方法有什么作用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html dom方法有什么作用”吧! ...
    99+
    2024-04-02
  • HTML的[att|="val"]有什么作用
    这篇文章主要介绍了HTML的[att|="val"]有什么作用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML的[att|="val"]有什么作用文章都会有所收获,下面我...
    99+
    2024-04-02
  • html location.hash属性有什么作用
    HTML的`location.hash`属性用于获取或设置URL中的锚点部分(即#后面的内容)。锚点部分通常用于在页面内部进行导航或...
    99+
    2023-09-15
    html
  • html css使用em有什么作用
    这篇“html css使用em有什么作用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“ht...
    99+
    2024-04-02
  • HTML的script元素有什么作用
    这篇文章主要介绍“HTML的script元素有什么作用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML的script元素有什么作用”文章能帮助大家解决问题。 ...
    99+
    2024-04-02
  • HTML的async属性有什么作用
    HTML的`async`属性用于指定脚本的异步加载方式。当`async`属性被添加到``元素上时,表示脚本将异步加载,不会阻塞页面的...
    99+
    2023-10-11
    HTML
  • HTML的download属性有什么作用
    HTML的"download"属性用于指定一个链接的目标文件名,当用户点击该链接时,浏览器会将目标文件下载到本地而不是打开它。这个属...
    99+
    2023-10-12
    HTML
  • 语义化HTML结构有什么作用
    本篇内容介绍了“语义化HTML结构有什么作用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!HTML是提供网...
    99+
    2024-04-02
  • 在html中标题标签有什么作用
    这篇文章主要讲解了“在html中标题标签有什么作用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“在html中标题标签有什么作用”吧! ...
    99+
    2024-04-02
  • HTML 5中的Pages和Dialogs有什么作用
    这篇文章主要讲解了“HTML 5中的Pages和Dialogs有什么作用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“HTML 5中的Pages和Dialo...
    99+
    2024-04-02
  • HTML的<head>标签有什么作用
    本文小编为大家详细介绍“HTML的<head>标签有什么作用”,内容详细,步骤清晰,细节处理妥当,希望这篇“HTML的<head>标签有什么作用”文章能帮助大家解决疑惑,下面跟着小编...
    99+
    2024-04-02
  • HTML标签的target属性有什么作用
    HTML标签的target属性用于指定链接的目标窗口或框架。它有以下几个常用的值:- _blank:在新窗口或标签页中打开链接。- ...
    99+
    2023-09-13
    HTML
  • HTML的作用是什么
    这篇文章主要介绍了HTML的作用是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。   html是一个超文本标签语言,超文本意味着,它什...
    99+
    2024-04-02
  • html中html标签有什么用
    这篇文章主要介绍html中html标签有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!html标签作用:用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档注意...
    99+
    2024-04-02
  • html <title>网页标题有什么作用
    本篇内容介绍了“html <title>网页标题有什么作用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够...
    99+
    2024-04-02
  • html的span在css样式里有什么作用
    这篇文章主要讲解了“html的span在css样式里有什么作用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“html的span在css样式里有什么作用”吧!...
    99+
    2024-04-02
  • HTML和css有什么用
    这篇文章给大家分享的是有关HTML和css有什么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1、HTML网页的结构<!doctype html><html&...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作