JavaWeb ------ HTML-CSDN博客

本文链接：https://blog.csdn.net/Anonymous_jsu/article/details/118656115

概念：

是最基础的网页开发语言
hyper text markup language 超文本标记语言

超文本：超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本
标记语言由标签构成的语言，<标签名称>如html，xml 标记语言不是编程语言

快速入门:

语法：html文档后缀名.html或者.htm
标签分为：

>  围堵标签：有开始标签喝结束标签。如<html></html> 
>  自闭和标签：开始标签和结束标签在一起。如<br/>

标签可以嵌套：需要正确嵌套，不能你中有我，我中有你
在开始标签中可以定义属性。属性是由键值对构成，值需要用引号，单双都可
html的标签不区分大小写，但是建议使用小写

<html>
<head>
    <title>title</title>
</head>
<body>
<font
        color='red'>hello world
</font>
</body>
</html>

标签学习：

文件标签：构成html最基本的标签 *html：html文档的根标签 *head:头标签，用于指定html文档的一些属性，引入外部的资源 *title：标题标签。 *body：体标签 * :html5中定义该文档是html

文本标签：和文本有关的标签
*注释：

<!-- 注释 --> <!--br 换行-->

<h1> to <h6> 标题标签字体大小逐渐减小
<p>段落标签
<br>:换行标签
<hr>显示一条水平线
color:颜色
width：宽度
size：高度
align：对其方式
center:居中
left:左对齐
right:右对齐

<b>字体加粗
<i>字体斜体
<font>：字体标签
*属性：color：颜色
size：颜色
face：字体
属性定义：
color：

英文单词：red，green，blue
rgb（值1，值2，值3）：值的范围：0~255 如 rgb（0，0，255）
#值1值2值3：值的范围：00~FF之间。如：#FF00FF

width:
1.数值：whdth=‘20’，数值的单位，默认是px(像素)
2.数值%:占比相对于父元素的比例

<center>:文本居中

案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>湖南简介</title>
</head>
<body>
<h1>
    湖南简介
</h1>
<hr color='#FACC2E'>
<p>
<font color='red'>湖南省</font>，简称“<b><i>湘</i></b>”，是中华人民共和国省级行政区，省会长沙，界于北纬24°38′～30°08′，东经108°47′～114°15′之间，东临江西，西接重庆、贵州，南毗广东、广西，北连湖北，总面积21.18万平方千米。
</p>

<p>
湖南地处云贵高原向江南丘陵和南岭山脉向江汉平原过渡的地带，地势呈三面环山、朝北开口的马蹄形地貌，由平原、盆地、丘陵地、山地、河湖构成，地跨长江、珠江两大水系，属亚热带季风气候。 [1]
</p>

<p>
截至2021年5月，湖南省下辖14个地级行政区， [2]  其中13个地级市，1个自治州。共有36个市辖区、19个县级市、60个县、7个自治县，合计122个县级区划。403个街道、1138个镇、309个乡、83个民族乡，合计1933个乡级区划。
</p>

<p>
2019年末全省常住人口6918.38万人。 [3]  2019年，湖南省地区生产总值39752.12亿元 [4]。
</p>

<hr color='#FACC2E'>
<font color="#a9a9a9" size="2">
    <center>
    lsx<br>
    版权所有2021.7.9
    </center>
</font>

</body>
</html>

图片标签：

img:展示标签
属性：
src：指定图片的位置相对路径：
1.以.开头的路径
*./:代表当前目录
./image/1.jpg
*../：代表上一级目录

列表标签：
*

有序列表：
*ol：type=‘1’
*li：
*无序列表：
*ul：type=”“
*li：

链接标签：
a：定义一个超链接
属性：

href：指定访问资源的url(统一资源定位符) target：指定打开资源的方式
_self:默认值，在当前页面打开
_blank:在空白页面打开

div和span:

div:每一个div占满一整行，块级标签
span:文本信息在一行展示。行内标签，内联标签

语义化标签：
html中为了提高程序的可读性，提供了一些标签。
1.<header>：页眉
2.<footer>：页脚

表格标签：
table：定义表格
width:宽度
border:边框
cellpadding:定义内同和单元格的距离
cellspacing:定义单元格之间的距离。如果指定为0，则单元格的线会合为一条。
bgcolor:背景色
align:对齐方式
tr:定义行