浅谈HTML

news/2024/9/20 16:46:43/文章来源:https://www.cnblogs.com/kkbest/p/18370908

html是一种标签语言,用来写前端页面的,通常结合CSS和js来写。
主要用于web开发,B/S架构的系统,所谓B/S其实也是一种特殊的C/S,只不过此时浏览器变成了客户端。
B/S架构:B是browser,S是server
C/S架构:C是client,S是server

**什么是 HTML?**
HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页**HTML 标签**
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
**HTML 文档 = 网页**
HTML 文档描述网页
HTML 文档包含 HTML 标签和纯文本
HTML 文档也被称为网页
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容:<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>例子解释:
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落

下面来分别来看各种标签:

1、HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>2、HTML 段落是通过 <p> 标签进行定义的。
<p>this is a test</p>
<p>this is a test</p>
<p>this is a test</p>
<p>this is a test</p>3、HTML 链接是通过 <a> 标签进行定义的。
<a href="www.baidu.com">这是百度的网址</a>
注释:在 href 属性中指定链接的地址。4、HTML 图像是通过 <img> 标签进行定义的。
<img src="test.jpg" width="104" height="142" />
注释:图像的名称和尺寸是以属性的形式提供的。

html元素

HTML 元素语法
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容(empty content)
空元素在开始标签中进行关闭(以开始标签的结束而结束)
大多数 HTML 元素可拥有属性HTML 提示:使用小写标签
HTML 标签对大小写不敏感:<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。W3School 使用的是小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 版本中强制使用小写。

来个标准模板来解释说明:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<h1>hello</h1>
<h2>world</h2>
</body>
</html>1.<!DOCTYPE html>
有这个表示符合w3c标准的html写法(标准模式),如果去掉,代表怪异模式。
所谓怪异模式,就是在不同浏览器上可能会出错,不要去掉这个。
2.<html></html>
根标签
3.<head></head>
标签头:
(1) meta:
(2) title:就是tab页上显示的内容
(3) 其他特别说明:
<body></body>这样成对出现的标签叫做闭合标签
<meta>这种单独出现的标签叫做自闭合标签

html的内容是实在太多了,记住下面这个网址,遇到不会的就翻阅下,姑且当作一个字典吧,不要太相信自己的记忆,学会笔记和查文档。
https://m.jb51.net/w3school/h.htm

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

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

相关文章

小学智慧教育平台(网址:https://basic.smartedu.cn

信息科技教学指南及配套课件,可在国家中小学智慧教育平台免费使用导读:日前,教育部发布关于印发《2024年义务教育国家课程教学用书目录(根据2022年版课程标准修订)》的通知,根据2022年版义务教育课程标准修订的教材将于2024年秋季学期陆续投入使用。注:以下附文件全文及…

建立自己的Github博客网站

建立自己的博客网站来装逼是不错的方式,在没有代码基础的情况下,Github可以提供免费的网站服务,你只需要有一个GitHub账号就可以了(注意GitHub需要用邮箱注册),在注册完成剩下的就按接下的步骤就行了 1 相关工具安装 1.Node环境 Hexo是基于 Node.js 驱动的一款博客框架,所以…

jian-li-blog

建立自己的博客网站来装逼是不错的方式,在没有代码基础的情况下,Github可以提供免费的网站服务,你只需要有一个GitHub账号就可以了(注意GitHub需要用邮箱注册),在注册完成剩下的就按接下的步骤就行了 1 相关工具安装 1.Node环境 Hexo是基于 Node.js 驱动的一款博客框架,所以…

VSCode系列 - 如何用VSCode搭建C++高效开发环境(2)

1. 插件的用法1.1. C/C++1.1.1. 插件介绍 1.1.2. 插件配置1.2. Clang-Format 1.3. cpp-check-lint1.3.1. cpplint 1.3.2. cppcheck 1.3.3. 插件的使用1.4. C/C++ Advanced Lint1.4.1. 插件介绍 1.4.2. 插件配置1.5. Bracket Pair Colorizer1.5.1. 插件介绍 1.5.2. 功能配置1.6.…

求教!!!

有哪位大佬知道这是什么图(箭头),如何以前端的方式实现呢

顶尖企业级项目管理软件评测:哪个适合你?

国内外主流的 10 款企业级项目管理软件对比:PingCode、Worktile、禅道、TAPD、云效、Teamwork、Quickbase、Notion、Jira、Procore。在选择企业级项目管理软件时,许多团队面临着如何找到既能满足他们复杂项目需求又具有成本效益的解决方案的挑战。市场上众多的选项可能让人感…

OB逻辑导数

OB逻辑导数方式outfile方式导出数据到文件、CSV dbcat工具导出、导入数据 dataX工具导出数据(不介绍) OB4.x新特性旁路导入数据<load data、insert (append) into select> OMS工具数据导出、导入、增量数据准实时同步(单独篇章介绍)存储过程造数据(oracle租户) 创建…

泊松自助法(Poisson Bootstrap Sampling):大型数据集上的自助抽样

自助抽样可以根据收集的样本推断总体的统计特征(如均值、十分位数、置信区间)。泊松自助抽样(Poisson Bootstrap Sampling)是一种用于统计分析中的重采样技术,特别是在机器学习和数据科学中用于模型评估和误差估计。这种方法的一个特点是保留了样本中数据点出现的自然波动,…

实用的 IEC61850 装置设备模拟器

目录实用的 IEC61850 装置设备模拟器主要功能软件截图 实用的 IEC61850 装置设备模拟器 官网地址:https://www.redisant.cn/iec61850server IEC 61850 是国际电工委员会(IEC)制定的一项国际标准,主要用于电力系统自动化领域,特别是变电站自动化系统。IEC 61850 是电力系统…