203、html---标签简介和文本标签

本文链接：https://blog.csdn.net/l0510402015/article/details/104367039

1、Intellij IDE创建web文档：

（1）、new -> moudle ->static web ,然后点击next输入模块名字，然后Finish

（2）、右键点击创建好的moudle，new ->html file,自动生成如下代码：

<!DOCTYPE html>
<html lang="en">#设置国家，可以不写
<head>
    <meta charset="UTF-8"> #设置字符集，UTF-8支持中文
    <title>Title</title>#静态网页标题
</head>
<body>

</body>
</html>

2.文件标签：构成html最基本的标签

* htmp:html文档的根标签

* head:头标签

* title:

* body:

* <!DOCTYPE html>

2.文本标签

* <!—注释内容-->注释标签。在IntelliJ IDEA可以先写要注释的内容，然后选中，然后按crtl+/

* <h1> to <h6>（围堵标签）标题标签，表名中间的字符为是标题，数值越大字体越小，而且自带换行。

举例：

<h1>呵呵</h1>

<h2>呵呵</h2>

<h3>呵呵</h3>

<h4>呵呵</h4>

<h5>呵呵</h5>

<h6>呵呵</h6>

* <p> 段落标签（围堵标签），可以区分段落与段落，效果比直接用<br>好

* <br> 换行标签(自闭合标签)，放到哪个语句后面就会换行，也可以直接写成<br>

* <hr> 显示水平线（自闭合）

* 属性：用于设置样式样式以后是css来设置，这里只是介绍，html5已经淘汰了属性设置。

* color:颜色

* width:宽度，就是线的长度

* size:高度，这里反而是先的宽度

* align:对齐方式

*<b> 字体加粗（自闭合）

* <i>设置斜体（自闭合）

* <font>字体标签(围堵标签）,html5已淘汰。

* <center>文本居中标签(围堵标签），html5已淘汰。

* 属性相关知识：

1、 color:可以按如下方式写：

* 英文单词：red,green,blue

* rgb（红色值，绿色值，蓝色值）:值的范围0~255,如 rgb(0,0,255)

* 十六进制形式：#值1值2值3,值范围：00~FF，如：#FF00FF

2、width:有如下写法

* 数值，比如width=’20’,表示20个px(像素)

* 占比，写法为：数值%,是相对于父元素的占比

举例1：

<hr color="red" width="100" size="20" align="left">

粗体

<b>粗体</b><br/>

斜体<br/>

<i>斜体</i><br/>

<font size = "20" color="red" face="楷体">你好</font><br/>

<font size = "20" color="blue" face="仿宋">你好</font>

举例2：

<!DOCTYPE html>

<html lang="ch">

<head>

    <meta charset="UTF-8">

    <title>华为世界</title>

</head>

<body>

    <h1>公司简介</h1>

    <hr color="#ff9900"/>

    <p>

        <font color="red">华为</font>

        创立于1987年，是全球领先的ICT

        <i><b>（信息与通信）</b></i>

        基础设施和智能终端提供商，我们致力于把数字世界带入每个人、

        每个家庭、每个组织，构建万物互联的智能世界。目前华为有19.4万员工，业务遍及170多个国家和地区，服务30多亿人口。

    </p>



    <p>

    我们在通信网络、IT、智能终端和云服务等领域为客户提供有竞争力、安全可信赖的产品、解决方案与服务，与生态伙伴开放合作，持续为客户创造价值，释放个人潜能，丰富家庭生活，激发组织创新。华为坚持围绕客户需求持续创新，加大基础研究投入，厚积薄发，推动世界进步。

    </p>

    <hr color="#ff9900"/>

    <center>

        <font color="rgb(153,153,102)" size="2">

        ©2020 华为技术有限公司<br>    粤A2-20044005号  粤公网安备 44030702002388号

        </font>

    </center>

</body>

</html>