（一）JavaWeb学习(p1-p3)（HTML介绍，字符集，数据类型，HTML基础标签）

岚苼

已于 2022-12-28 17:39:22 修改

阅读量199

点赞数

分类专栏： HTML 文章标签：前端 html

于 2022-12-16 21:48:23 首次发布

本文链接：https://blog.csdn.net/qq_56910237/article/details/128343653

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

文章目录

HTML介绍

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。
超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。
HTML是一种建立网页文件的语言，通过标记式的指令(Tag)，将影像、声音、图片、文字动画、影视等内容显示出来。事实上，每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术―通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面，与世界各地主机的文件链接超文本传输协议规定了浏览器在运行HTML文档时所遵循的规则和进行的操作。HTTP的制定使浏览器在运行超文本时有了统一的规则和标准。
万维网（world wide web，简称www）上的一个超媒体文档称之为一个页面（外语：page）。作为一个组织或者个人在万维网上放置开始点的页面称为主页（外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接），所谓超级链接，就是一种统一资源定位器（Uniform Resource Locator，外语缩写：URL）指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。超文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。 [3]
网页的本质就是超文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
定义
超文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。

特点

超文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：简易性：超文本标记语言版本升级采用超集方式，从而更加灵活方便。可扩展性：超文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超文本标记语言采取子类元素的方式，为系统扩展带来保证。平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

字符集

除了常见的ASCII字符和汉字，HTML还有许多特殊字符，它们一起构成了HTML字符集。有2种情况需要使用特殊字符，一是网页中有其特殊意义的字符，二是键盘上没有的字符。HTML字符可以用一些代码来表示，代码可以有2种表示方式。即字符代码（命名实体）和数字代码（编号实体）。字符代码以“&”符开始，以分号";“结束，其间是字符名，如®。数字代码也以“&#”符开始，以分号”;"结束，其间是编号，如®。

数据类型

超文本标记语言定义了多种数据类型的元素内容，如脚本数据和样式表的数据，和众多类型的属性值，包括ID、名称、URI、数字、长度单位、语言、媒体描述符、颜色、字符编码、日期和时间等。所有这些数据类型都是专业的字符数据。在这里插入图片描述

整体结构

一个网页对应多个HTML文件，超文本标记语言文件以.htm或.html（外语缩写）为扩展名(其中.htm是因为之前的文件系统只支持最多三位扩展名)。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即可。标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：<br/> <img/>），即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
部分标记也可以不成对出现，如<p>，但是一般并不赞同这样做。
标记符<html>，说明该文件是用超文本标记语言来描述的，它是文件的开头;而</html>，则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
头部内容
标记符<html>：说明该文件是用超文本标记语言来描述的，它是文件的开头，而</html>则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。
<head></head>：这2个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。头部中最常用的标记符是标题标记符和meta标记符，其中标题标记符用于定义网页的标题，它的内容显示在网页窗口的标题栏中，网页标题可被浏览器用做书签和收藏清单。
以下表格列出了 HTML head 元素：在这里插入图片描述

主体内容

<body><body/>；，网页中显示的实际内容均包含在这2个正文标记符之间。正文标记符又称为实体标记。 [10]
标题：总共有6个等级，定义方法如下
<h1><h1/>定义一级标题
<h2><h2/>定义二级标题
<h3><h3/>定义三级标题
<h4><h4/>定义四级标题
<h5><h5/>定义五级标题
<h6><h6/>定义六级标题
以此类推
文本
<p><p/>定义文本
换行符
<br/>换行符
在这里插入图片描述

HTML基础标签

<html>
    <head>
      <title>网页标题</title>
      <meta charset="UTF-8">
    </head>
  <body>
    hello world1<br/>hello world2
	<p>第一个段落</p>
	<p>第二个段落</p>
	<img>
	<img src ="D:\JavaWeb学习\girl4\all.jpg" width="650" height="730" alt="当图片不见时，显示失败，起指示效果" />
	<h1>一级标题</h1>
    <h2>二级标题</h2>
	<h3>三级标题</h3>
	<h4>四级标题</h4>
	<h6>六级标题</h6>
	<h7>没有七级，和正文一样大</h7>

    数字排行：
	<ol type="i">
	   <li>1</li>
	   <li>2</li>
	   <li>3</li>
	   <li>4</li>
	   <li>5</li>
	</ol>
	<ol type="a" start="4">
	   <li>1</li>
	   <li>2</li>
	   <li>3</li>
	</ol>

	<!--无序列表
	默认显示·1
            ·2
			·3
			·4
	-->  
	<ul>
       <li>1</li>
	   <li>2</li>
	   <li>3</li>
	   <li>4</li>
	   <li>5</li>
	</ul>

	<!--加粗，斜体,下划线-->
	这才是企业主流的<b>Javaweb</b>技术：剔除<i>JSP、EL、JSTL</i>等过时技术，新增<u>Thymeleaf</u>、Vue、Axios、自定义SSM框架等企业实际开发流行技术
	可嵌套<i><b>大概豆腐干豆腐干</b></i>
<br>
	<!--上标下表表示-->
	水分子：H<sub>2</sub>O
	<br>
	氧气：O<sup>2</sup>
	<br>
    2的三次方：2<sup>3</sup>
	<!--span标签-->
   <!--超链接（不仅可以是文字，还可以是图片，和其他）-->
   <a href="http://www.baidu.com">百度</a>
   <a href="http://www.baidu.com"><img src ="D:\JavaWeb学习\girl4\all.jpg" width="65" height="73" alt="图片" /></a>
  </body>
</html>


<!--
1. html页面中由一对标签组成：<html></html>
<html>称之为 开始标签
</html>称之为 结束标签
2. 可以在meta标签中设置编码格式，如GBK，UTF-8
3. <br/>表示换行，br标签是一个单标签。单标签：开始标签和结束标签是同一个，斜杠放在单词字符串后面
4. title表示网页的标题（不显示在页面上）
5. <p>段落内容</p>
6.img标签 <img src ="图片路径" width="大小" height="大小">   （大小可选，不写默认）
   (1)width height 设置大小  ="大小"
   (2)alt 带有替代文本的图像：当图片不存在或因网络延迟显示缓慢的时候alt一样的有指示的效果
7.相对路径：和网页在同一个目录时，此时不需要写盘符，直接写同目录文件/文件名
  绝对路径：加盘符路径
8.标题1-6级 <h1>标题内容</h1>
9. 有序列表标签ol
    ol有序列表
	<ol type="A">   type="A"或type="a"或不写默认数字1，2，3，
	   <li>1</li>   type显示的类型有A a I i 1
	   <li>2</li>
	   <li>3</li>         "A","4","a"引号可加可不加
	   <li>4</li>
	   <li>5</li>
	</ol>
    <ol type="a" start="4">    start="数字"表示从第几个开始
	   <li>1</li>
	   <li>2</li>
	   <li>3</li>
	</ol>
10. 无序列表标签 ul
    无序列表
	默认显示·1
            ·2
			·3
			·4  
	<ul>
       <li>1</li>
	   <li>2</li>
	   <li>3</li>
	   <li>4</li>
	   <li>5</li>
	</ul>
	type disc(default),circle,square
11. <!--加粗，斜体,下划线
   <b>加粗</b>
   <i>斜体</i>
   <u>下划线</u>  可嵌套<i><b></b></i>
12.--上标下表表示--
	水分子：H<sub>2</sub>O
	<br>
	氧气：O<sup>2</sup>
	<br>
    2的三次方：2<sup>3</sup>
13.HTML实体查询，比如<,>,<=,>=,注册商标等等
14. span 不换行的块标记
<span> 用于对文档中的行内元素进行组合。
<span> 标签没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。如果不对 <span> 应用样式，那么 <span> 元素中的文本与其他文本不会任何视觉上的差异。
<span> 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。
15. 超链接
      <a href="打开的地方，网址">显示</a>
	  href 链接的地址
	  target：
	  _self 在本窗口打开
	  _blank 在一个窗口打开
	  _parent 在父窗口打开
	  _top 在顶层打开
16.div层
   -->

岚苼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
（一）JavaWeb学习(p1-p3)（HTML介绍，字符集，数据类型，HTML基础标签）

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。
复制链接

扫一扫