[HTML教程] 关于HTML的简介

[复制链接]
查看1253 | 回复11 | 2020-8-11 21:07:37 | 显示全部楼层 |阅读模式
这篇文章介绍的内容是关于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>
 
<h1>我的第一个标题</h1>
 
<p>我的第一个段落。</p>
 
</body>
</html>

实例解析

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

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

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

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

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

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

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

HTML标签

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

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

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

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

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

<标签>内容</标签>

HTML 元素

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

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

HTML 元素:

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

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的简介 的详细内容,更多请关注爱上源码网其它相关文章!

  • 微信
  • 分享
  • 相关标签:HTML 简介 关于
  • 本文原创发布爱上源码网,转载请注明出处,感谢您的尊重!
    • 上一篇:html中的border、select、fixed
    • 下一篇:解决html视图解析器,html乱码

    相关文章

    相关视频

    • 奇妙的 CSS shapes(CSS图形)
    • IE、火狐、谷歌浏览器下兼容统一select样式
    • 神奇的 conic-gradient 圆锥渐变
    • 利用html实现一个三级菜单
    • 关于HTML的简介
    • PHP开发基础教程之简介
    • JavaScript简介
    • PHP新手入门之简介
    • PHP简介
    • PHP简介
    本文有爱上源码下载完入驻作者发布,如果对您版权造成侵害,可以联系本站站长管理进行维权删除,本站收到维权24小时内进行处理,谢谢您关注23ym.cn! 本站分享大量程序员技术文章以及对编程开发的初级入门教程,包括图文讲解笔记和高清视频下载~
    回复

    使用道具 举报

    小鑫鑫鑫h | 2021-3-12 16:03:13 | 显示全部楼层
    资源太多了,准备办个会员
    回复

    使用道具 举报

    哈哈小强呀 | 2021-8-20 23:08:00 | 显示全部楼层
    很不错的资源站
    回复

    使用道具 举报

    教风三应博 | 2021-12-27 09:40:54 | 显示全部楼层
    我是来白嫖悟空源码的积分的!!!!!
    回复

    使用道具 举报

    123457753 | 2022-6-1 03:22:02 | 显示全部楼层
    这个资源都有真不错
    回复

    使用道具 举报

    孤客9116 | 2022-6-2 16:17:01 | 显示全部楼层
    找了好多地方,终于找到了
    回复

    使用道具 举报

    deer_____0 | 2022-6-2 22:53:54 | 显示全部楼层
    没积分哈,谁来帮帮我啊
    回复

    使用道具 举报

    国留局劳 | 2023-2-19 19:35:01 | 显示全部楼层
    这个资源都有真不错
    回复

    使用道具 举报

    123456914 | 2023-4-10 02:04:49 | 显示全部楼层
    找了好多地方,终于找到了
    回复

    使用道具 举报

    螃蟹357 | 2023-4-30 14:50:23 | 显示全部楼层
    站长真良心,这么大的资源站都是免费下载
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则