HTML简介（一）

最新推荐文章于 2023-06-04 13:10:01 发布
最新推荐文章于 2023-06-04 13:10:01 发布
阅读量318 收藏 1
点赞数 1
分类专栏： 计算机网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32642107/article/details/107443082
版权

HTML简介（一）目录

接下：HTML简介（二）
接下：HTML简介（三）

引言、以下来源于：HTML 简介
1.什么是 HTML？

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

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

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

  1. HTML 标签是由尖括号包围的关键词，比如
  2. HTML 标签通常是成对出现的，比如 < b> 和 < /b>
  3. 标签对中的第一个标签是开始标签，第二个标签是结束标签
  4. 开始和结束标签也被称为开放标签和闭合标签
3.HTML 文档 = 网页
  1. HTML 文档描述网页
  2. HTML 文档包含 HTML 标签和纯文本
  3. HTML 文档也被称为网页

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

一、HTML 简介

在这里插入图片描述

二、文字和标题标签

在这里插入图片描述

三、列表标签

在这里插入图片描述

四、图片标签

在这里插入图片描述

五、超链接标签

在这里插入图片描述

六、表格标签

在这里插入图片描述

七、HTTP协议

在这里插入图片描述

八、HTTP使用get和post请求数据

在这里插入图片描述

九、重定向

十、web服务器实现

在这里插入图片描述

在这里插入图片描述

十一、简单实例

demo.html

<!DOCTYPE html>
<p id="top">
<html>
	<head>
		<title>我是一个标题</title>
	</head>
	<body>
		<!-- 标题 -->
		<h1>Linus Torvalds将首次在中国LinuxCon + ContainerCon + CloudOpen大会上发表演讲</h1>
		<h2>Linus Torvalds将首次在中国LinuxCon + ContainerCon + CloudOpen大会上发表演讲</h2>
		<h3>Linus Torvalds将首次在中国LinuxCon + ContainerCon + CloudOpen大会上发表演讲</h3>
		<h4>Linus Torvalds将首次在中国LinuxCon + ContainerCon + CloudOpen大会上发表演讲</h4>
		<h5>Linus Torvalds将首次在中国LinuxCon + ContainerCon + CloudOpen大会上发表演讲</h5>
		<h6>Linus Torvalds将首次在中国LinuxCon + ContainerCon + CloudOpen大会上发表演讲</h6>

		<font color="red" size="2">2017年6月9日 16:44  CCTIME飞象网</font>
		<!-- 正文 -->
			<p>
			世界首屈一指的开源盛会首次在中国举办，Linux和Git创始人Linus Torvalds将做主题演讲
			</p>
			<p>
			<strong>旧金山，2017年6月6日</strong>——<em>LF Asia宣布Linux和Git创始人Linus </em>Torvalds将首次在中国发表演讲。<ins>LinuxCon + ContainerCon +</ins> CloudOpen中国（LC3）<del>将于2017年6月19日至20日在北京举行，届时Torvalds将做主题演讲。</del>
			</p>
			<br/>
			<hr color="green" size="7" />
			<strong><font color="red">hello, world</font></strong>

			我也不知道我该怎么放
			<br/>
			我也不知道我该怎么放
			我也不知道我该怎么放
			我也不知道我该怎么放
			<div align="left">我也不知道我该怎么放</div>
			<div align="center">我也不知道我该怎么放</div>
			<div align="right">我也不知道我该怎么放</div>
			<p>
			在LC3上，与会者将可进行协作、共享信息以及学习最新和最有趣的开源技术，包括Linux、容器、云技术、网络、微服务等。与会者还能深入了解如何在开源社区中导航和引导。
			</p>
			<p>
			Torvalds已在世界各地的活动中发表演讲，包括北美、欧洲和日本的历届LinuxCon，而LC3则是他在中国的首次公开露面。他将在6月20日上午进行主题演讲，与VMware首席开源官Dirk Hohndel以对话的形式进行。
			</p>
			<p>LC3为与会者提供题材广泛的教育课程，主题包括：</p>
			<ul type = "square">
				<li> Linux的开发与管理/Linux</li>
				<li> 云技术/Linux</li>
				<li> 云原生——容器、自动化和基础设施r/Linux</li>
				<li> 网络编排/Linux</li>
				<li> 社区、生态系统与合规/Linux</li>
				<li> 物联网和嵌入式Linux</li>
			</ul>

			<p>LC3为与会者提供题材广泛的教育课程，主题包括：</p>
			<ol type = "I">
				<li> Linux的开发与管理/Linux</li>
				<li> 云技术/Linux</li>
				<li> 云原生——容器、自动化和基础设施r/Linux</li>
				<li> 网络编排/Linux</li>
				<li> 社区、生态系统与合规/Linux</li>
				<li> 物联网和嵌入式Linux</li>
			</ol>

			<p>自定义列表</p>
			<dl>
				<dt>北京</dt>
				<dd>昌平</dd>
				<dd>海淀</dd>
				<dt>东京</dt>
				<dd>东京热</dd>
				<dd>加勒比</dd>
			</dl>

			<img src="./pic/Image.jpg8" alt="图片加载失败了..." title="我是一张图片" width="200" height="200" />
			<div align="center"><img src="./pic/Image.jpg" alt="图片加载失败了..." title="我是一张图片" width=10% /></div>

			<p>
			查看LC3的完整日程，请访问：<a href="http://www.baidu.com" title="我是百度" target="_blank">百度不靠谱</a>
			</p>
			<a href="#top">跳转到顶部</a>
			<a href="http://jd.com"><img src="./pic/kernel.jpg"/></a>

			<table border="3" bordercolor="blue" width="500" height="500" background="./pic/Image.jpg">
				<tr align="center">
					<td align="center">姓名</td>
					<td>年龄</td>
					<td>性别</td>
				</tr>
				<tr>
					<td align="center">张3</td>
					<td>23</td>
					<td>男</td>
				</tr>
				<tr>
					<td>李四</td>
					<td>24</td>
					<td>女</td>
				</tr>
				<tr>
					<td>老王</td>
					<td>56</td>
					<td>不知道</td>
				</tr>
			</table>
	</body>
</html>

在这里插入图片描述

_123杨子江
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
HTML 简介
12-14
HTML 简介 HTML 实例   我的第一个标题 我的第一个段落。     实例解析 声明为 HTML5 文档 元素是 HTML 页面的根元素 元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8。 这是一个标题 这是一个...
HTML5 简介
12-13
HTML5 简介 HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。 HTML5的设计目的是为了在移动设备上支持多媒体。 HTML5 简单易学。 什么是 HTML5? HTML5 是下一代 HTML 标准。 HTML , HTML ...
asp毕业设计——基于asp+access的物流管理系统设计与实现（毕业论文+程序源码）——物流管理系统
最新发布
m0_66238867的博客
06-04 460
人工管理早已不再适应企业发展的要求，利用计算机网络对企业运营流程进行全方位的管理迫在眉睫。通过计算机网络对企业进行管理，不仅为企业的运营过程节省了大量的时间，提高了企业的效率，还为企业在客户群中树立了一个全新的形象，为企业日后发展奠定一个良好的基础。搜索引擎的登录和商业网站的发布已经成为企业网站盈利的手段。互联网正在融入我们的生活，并影响和改变着我们的生活。网络提供给我们的不只是一个获取信息的来源，而且还是一个可以相互交流的空间，企业物流平台正是一个供客户与企业进行交流的网上虚拟空间。
HTML的介绍
tianfen_auster的博客
12-03 4303
一、HTML的介绍 1、HTML的概述： html全称为HyperText Markup Language，译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。 超文本：音频，视频，图片称为超文本。 标记 ：<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。 作用：HTML是负责描述文档语义的语言。 注意：HTML语言不是一个编程语言(有编译过程)，而是一个标记语言(没有编译过程)，HTML页面直接由浏览器解
HTML简介
wada64的博客
07-25 3951
HTML全称为HyperTextMark-upLanguage，翻译为超文本标签语言，标签也称作标记或者元素。HTML是目前网络上应用最为广泛的技术之一，也是构成网页文档的主要基石之一。HTML文本是由HTML标签组成的描述性文本，HTML文本可以说明文字、图形、动画、声音、表格、链接等。HTML的特点简单灵活，可扩展性，平台无关性。.........
HTMl入门简介
01-08
其中，由于我们通常看到的网页都是以html为后缀名的文件，所以一个网页也可以成为一个HTMl文件。 HTML的定义 HTMl是一种超文本的标记语言，不是一种编程语言，它是用来描述网页的一种语言。所谓超文本，就是可以添加...
博主推荐HTML制作一个美观的个人简介网页（附源码）
05-13
HTML制作一个美观的个人简介网页，利用HTML制作一个美观的个人简介网页，可以在这个基础上修改自己的个人简介信息，然后直接使用，可以直接运行，兼容pc端web和手机端web；
html个人简介的zip压缩包
05-05
html个人简介的zip压缩包
企业介绍单页html模板
11-30
企业介绍单页html模板是一款简单实用的bootstrap模板下载。
公司主页模板HTML
12-19
公司主页模板HTML
HTML是什么？HTML简介
热门推荐
ccc369639963的博客
01-22 1万+
HTML是什么？HTML简介 HTML 英文全称是 Hyper Text Markup Language，中文译为“超文本标记语言”，专门用来设计和编辑网页。 使用 HTML 编写的文件称为“HTML 文档”，一般后缀为.html（也可以使用.htm，不过比较少见）。HTML 文档是一种纯文本文件，您可以使用 Windows 记事本、Linux Vim、Notepad++、Sublime Text、VS Code 等文本编辑来打开或者创建。 每个网页都是一个 HTML 文档，使用浏览器访问一个链接（URL）
html简介及基本标签
hdxx2022的博客
01-01 980
(2)HTML 不是一种编程语言，而是一种标记语言(markup language,标记语言是一套标记标签(markup tag));align:表格的对齐方式（单元格里面的内容居中对齐）(2)html标签是以尖括号包裹关键字成对出现的，有开始标签和结束标签，支持正确的嵌套。(4)空标签：功能比较单一 ，例如： === --张三是默认值-->(3)大部分标签有属性 格式：属性=“属性值”（多个属性之间用空格隔开）
该页面仅以HTML格式保存_前端入门｜HTML的基本介绍2：HTML基本结构
weixin_39822443的博客
10-21 569
一、HTML基本结构1、doctype的作用DOCTYPE是document type (文档类型) 的缩写。声明位于文档的最前面，处于标签之前，它不是html标签。主要作用是告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。要建立符合标准的网页,DOCTYPE声明是必不可少的关键组成部分2、删除会发生什么在W3C标准出来之前，不同的浏览器对页面渲染有不同的标准，产生了一定的差异...
HTML基本概述
IDApprentice的博客
11-02 1155
一.HTML (一).什么是HTML(Hyper Text Markup Language 即超文本标记语言) 1. 出现于1993 现在主流使用的是 2013年的版本HTLM5 注:HTML5,提供了新的元素与更多有趣的特性,同时建立了一些新的规则,这些元素,特性和规则的建立,提供了许多新的网页功能,如使用网页实现动态渲染图形,图表,图像和动画,以及不需要任何插件直接使用网页播放视频等(以前是需要Flash插件的) 同时世界的知名浏览器厂商都对HTML5有支持(微软,Google, 苹果等) ..
HTML 概述
Dailyblue的专栏
03-29 2585
HTML 的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的 Internet 资源连接为一个逻辑整体。HTML 文本是由 HTML 命令组成的描述性文本，HTML 命令可以说明文字，图形、动画、声音、表格、链接等。
用html做一个公司简介
06-01
好的，以下是一个简单的公司简介网页的HTML代码示例： ``` <!DOCTYPE html> <html> 公司简介 公司名 <li><a href="index.html">首页</a></li> <li><a href="about.html">公司简介</a></...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值