JavaWeb之html

html :Hyper Text Markup Language 超文本标记语言

  •      超文本:比文本功能更加强大
  •      标记语言:通过一组标签对内容进行描述的一门语言

html书写规则:

  •      文件的后缀名:.html(建议)或者.htm
  •      标签必须用<>引起来
  •      属性:格式:key = "value"   建议属性的值用引号引起来
  •      不区分大小写

注意:

  •            最好将所有的内容放在一个标签中<html> </html>
  •            有开始标签和结束标签的标签称之为围堵标签
  •            没有结束的标签称之为空标签,如,<br>
  •            开始标签和结束标签之间的内容称之为标签体
  •            <!--注释内容-->html页面中的注释内容
  •            标签必须正常嵌套

文件标签:

     html标签:

           声明当前网页为html页面

           子标签:

                    <head></head>

                    <body></body>

           head:用来存放当前页面的重要信息,一般不展示在html页面上

                   常见的子标签:

扫描二维码关注公众号,回复: 5988609 查看本文章

                        <title></title> 网页的标题

           body:

                     要展示的数据放在body中

标题标签:

     <hn></hn>(n:1~6)

           <h1>最大的标签,<h6>最小的标签

            自动换行,且留白,默认加粗

      常用属性:

            align:对齐方式

                  left:左对齐 right:右对齐 center:居中

                  格式:<h2 align="center">这里是要展示的内容<h2>

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <h1>Java欢迎您</h1>
 9         <h2 align = "center">Java欢迎您</h2>
10         <h3>Java欢迎您</h3>
11         <h4>Java欢迎您</h4>
12         <h5>Java欢迎您</h5>
13         <h6>Java欢迎您</h6>
14     </body>
15 </html>

网页展示:

字体标签(了解):规定文本的字体、字体的尺寸、字体的颜色

      <font></font>

      常用属性:

             face:字体

             size:尺寸

             color:颜色

                   颜色的取值(RGB):

                          方法1:#xxxxxx x为16进制

                          方法2:英文,如red、blue

段落标签:

             <p></p>

其他标签:

             <b></b>  <strong></strong> :加粗

             <i></i>:斜体

水平线

             <hr/>

换行

             <br/>

         

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <font size="1">我的size是1</font>
 9         <font size="2">我的size是2</font>
10         <font size="3">我的size是3</font>
11         <font size="4">我的size是4</font>
12         <font size="5">我的size是5</font>
13         <font size="6">我的size是6</font>
14         <font size="7">我的size是7</font>
15         <br/>
16         <font color="red">我是红色</font>
17         <font color="blue">我是蓝色</font>
18         <font color="black">我是黑色</font>
19         <br/>
20         <font color="#000000">我是黑色</font>
21         <br />
22         <font face ="黑体">我是黑体字</font>
23         <br/>
24         <b>我是粗体</b>
25         <br />
26         <i>我是斜体</i>
27         <br />
28         下面是水平线
29         <hr />
30         上面是水平线
31     </body>
32 </html>

网页展示:

未完待续……

猜你喜欢

转载自www.cnblogs.com/rr-sunrise/p/10758061.html