HTML的基本概念详细介绍

这次给大家带来html基本概念详细介绍,html基本概念的注意事项有哪些,下面就是实战案例,一起来看一下。

什么是 HTML?

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

•HTML 指的是超文本标记语言 (Hyper Text Markup Language)
•HTML 不是一种编程语言,而是一种标记语言 (markup language)
•标记语言是一套标记标签 (markup tag)
•HTML 使用标记标签来描述网页

HTML 标签

立即学习“前端免费学习笔记(深入)”;

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

•HTML 标签是由尖括号包围的关键词,比如
•HTML 标签通常是成对出现的,比如
•标签对中的第一个标签是开始标签,第二个标签是结束标签
•开始和结束标签也被称为开放标签和闭合标签

HTML 元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

注释:开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)。

HTML 元素语法

•HTML 元素以开始标签起始
•HTML 元素以结束标签终止
•元素的内容是开始标签与结束标签之间的内容
•某些 HTML 元素具有空内容(empty content)
•空元素在开始标签中进行关闭(以开始标签的结束而结束)
•大多数 HTML 元素可拥有属性

HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现,比如:name=”value”。

属性总是在 HTML 元素的开始标签中规定。

属性例子 1:

定义标题的开始。

拥有关于对齐方式的附加信息。

TIY : 居中排列标题

属性例子 2:

 定义 HTML 文档的主体。 拥有关于背景颜色的附加信息。

TIY : 背景颜色

属性例子 3:

 定义 HTML 表格。(您将在稍后的章节学习到更多有关 HTML 表格的内容)
拥有关于表格边框的附加信息。

HTML 文档 = 网页

•HTML 文档描述网页•HTML 文档包含 HTML 标签和纯文本•HTML 文档也被称为网页

Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。

My First Heading

My first paragraph.

例子解释

• 与  之间的文本描述网页• 与  之间的文本是可见的页面内容•

之间的文本被显示为标题•

之间的文本被显示为段落

•当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 文件后缀。我们在实例中使用 .htm。这只是长久以来形成的习惯而已,因为过去的很多软件只允许三个字母的文件后缀。不过对于新的软件,使用 .html 完全没有问题。

相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章!

相关阅读:

HTML文本格式化的实例详解

html的特殊字符-css3 content:”特殊符号”应该如何使用

h5怎样实现输入框提示语+正常文本框提示语

以上就是HTML的基本概念详细介绍的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545612.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 17:09:33
下一篇 2025年12月15日 19:22:45

相关推荐

  • HTML的基础笔记

    这次给大家带来html的基础笔记,下面就是实战案例,一起来看一下。 一,网页基础结构: 我的第一个网页 这是我的第一个网页 注意:在HTML中,标签大部分都是成对出现的。有开始就有结束 如果不是成对出现的标签,在标签的后面加上/表示结束。 二、基本标签 立即学习“前端免费学习笔记(深入)”; 1、h…

    好文分享 2025年12月21日
    000
  • HTML的标题总结推荐

    这次给大家带来html的标题总结推荐,html标题的注意事项有哪些,下面就是实战案例,一起来看一下。 HTML: 标题 标题(Heading)是通过 – 等标签进行定义的。 定义最大的标题。 定义最小的标题。This is a headingThis is a headingThis i…

    好文分享 2025年12月21日
    000
  • HTML文本格式的知识总结

    这次给大家带来html文本格式的知识总结,使用html文本格式的知识总结的注意事项有哪些,下面就是实战案例,一起来看一下。 HTML 文本格式化标签 标签 描述 定义粗体文本 呈现为被强调的文本 定义斜体字 定义小号字 定义重要文本 定义下标字 定义上标字 定义插入字 定义删除字 通常标签 替换加粗…

    好文分享 2025年12月21日
    000
  • HTML段落的知识总结

    这次给大家带来html段落的知识总结,使用html段落的注意事项有哪些,下面就是实战案例,一起来看一下。 HTML 段落 段落是通过 标签定义的。 实例 This is a paragraph 立即学习“前端免费学习笔记(深入)”;This is another paragraph  提示:忘记使用…

    好文分享 2025年12月21日
    000
  • HTML的meta标签常见用法介绍

    这次给大家带来html的meta标签常见用法介绍,使用html的meta标签的注意事项有哪些,下面就是实战案例,一起来看一下。 什么是mata标签 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 标签位于文档的头部,不包含任何内容。 标签的…

    好文分享 2025年12月21日
    000
  • HTML的基础知识.关于css样式表和样式属性的详细介绍

    这次给大家带来html的基础知识.关于css样式表和样式属性的详细介绍,使用html的基础知识css样式表和样式属性的注意事项有哪些,下面就是实战案例,一起来看一下。 一、position:fixed     锁定位置(相对于浏览器的位置),例如有些网站的右下角的弹出窗口。 二、position:a…

    好文分享 2025年12月21日
    000
  • HTML基础知识,关于超链接设置的样式的详细介绍

    这次给大家带来html基础知识,关于超链接设置的样式的详细介绍,设置html的超链接样式的注意事项有哪些,下面就是实战案例,一起来看一下。 ***设置超链接的样式示例  a:link 超链接被点前状态 a:visited 超链接点击后状态 a:hover 悬停在超链接时 立即学习“前端免费学习笔记(…

    好文分享 2025年12月21日
    000
  • html如何制作细线表格

    这次给大家带来html如何制作细线表格,用html制作细线表格的注意事项有哪些,下面就是实战案例,一起来看一下。 关于这个细线表格的制作方法,百度一下可能就会有答案告诉你设置这几个值:给table设置border=”0″ cellspacing=”1″…

    好文分享 2025年12月21日
    000
  • html块级标签,行内标签,行内块标签的显示模式有哪些

    这次给大家带来html块级标签,行内标签,行内块标签的显示模式有哪些,使用html块级标签,行内标签,行内块标签显示模式的注意事项有哪些,下面就是实战案例,一起来看一下。 今天讲课的时候,讲到了html中的标签的显示模式,大致分为块级标签和行内标签。那么初学者在刚使用标签的时候会发现有些属性在一些标…

    好文分享 2025年12月21日
    000
  • 关于HTML操作滚动条的方法

    这次给大家带来关于html操作滚动条的方法,用html操作滚动条的注意事项有哪些,下面就是实战案例,一起来看一下。 html 标签加属性     2.body中加入以下代码 html{ overflow-x: hidden; overflow-y: hidden; } html页面去除滚动条的方法 …

    好文分享 2025年12月21日
    000
  • HTML的语法详解

    这次给大家带来html的语法详解,怎么使用html的语法?使用html语法的注意事项有哪些,下面就是实战案例,一起来看一下。 什么是HTML标记语言? HTML是表示网页信息的符号标记语言。 2.HTML的标记和他的属性 1.HTML文档的保存格式:.html、.htm、.xhtml 立即学习“前端…

    好文分享 2025年12月21日
    000
  • HTML的编辑基础(新手必看篇)

    这次给大家带来html的编辑基础(新手必看篇),下面就是实战案例,一起来看一下。 打开DREAMWEAVER,新建HTML。。 body的属性: bgcolor                页面背景色 background            背景壁纸、图片 立即学习“前端免费学习笔记(深入)”…

    好文分享 2025年12月21日
    000
  • html的特殊字符-css3 content:”特殊符号”应该如何使用

    这次给大家带来html的特殊字符-css3 content:”特殊符号”应该如何使用,使用html的特殊符号应该如何使用的注意事项有哪些,下面就是实战案例,一起来看一下。 项目中用到的一些特殊字符和图标 html代码 css代码.cross{ width: 20px; hei…

    好文分享 2025年12月21日
    000
  • html里的列表标签有哪些?

    这次给大家带来html里的列表标签有哪些?,使用html里的列表标签的注意事项有哪些,下面就是实战案例,一起来看一下。 dl>定义列表, 定义列表中的项目,对项目的描述 无序列表,列表项 有序列表,列表项 相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章! 立即学习“前端免费…

    好文分享 2025年12月21日
    000
  • html中频繁用的标签总结

    这次给大家带来html中频繁用的标签总结,哪些是html中频繁用的标签,下面就是实战案例,一起来看一下。 内容详细标签: ~ 标题标签 格式化文本下划线(underline)斜体字(italics)引用,通常为斜体强调文本通常为斜体加重文本,通常为黑体设置字体、字体大小、颜色等字体变大和字体变小加删…

    好文分享 2025年12月21日
    000
  • HTML文本格式化的实例详解

    这次给大家带来html文本格式化的实例详解,html文本格式化的注意事项有哪些,下面就是实战案例,一起来看一下。 一,文本格式化:此例演示如何在一个 HTML 文件中对文本进行格式化 This text is bold This text is strong This text is big Thi…

    好文分享 2025年12月21日
    000
  • html页面公共样式有哪些

    这次给大家带来html页面公共样式有哪些,使用html页面公共样式的注意事项有哪些,下面就是实战案例,一起来看一下。 body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td…

    好文分享 2025年12月21日
    000
  • 语义化的HTML结构有哪些对于对网站的优化

    这次给大家带来语义化的html结构有哪些对于对网站的优化,语义化的html结构的注意事项有哪些,下面就是实战案例,一起来看一下。 一: 1. 语义化标签只是HTML,CSS不存在语义化。HTML是标签,CSS是属性。 2. 语义化标签简历在文档化页面的基础上面,将网页当做是一个文档,DOM中的D(d…

    好文分享 2025年12月21日
    000
  • HTML的基本结构有哪些

    这次给大家带来html的基本结构有哪些,设计html基本结构的注意事项有哪些,下面就是实战案例,一起来看一下。 HTML简介 HyperText Markup Language:超文本标记语言 HyperText:超文本(文本 + 图片 + 视频 + 音频 + 链接) Markup Language…

    好文分享 2025年12月21日
    000
  • html代码在编写过程中的一定要注意的三点

    这次给大家带来html代码在编写过程中的一定要注意的三点,编写html代码的注意事项有哪些,下面就是实战案例,一起来看一下。 本文想说的警惕点与浏览器兼容无关,主要是几个本人在项目中遇到的几个小问题的总结,问题虽小,但是却有时很困扰人,在此记录一下,如果后期有此类问题会持续添加到这里。 1.内联标签…

    好文分享 2025年12月21日
    000

发表回复

登录后才能评论
关注微信