5月8日HTML学习

1 <html>
2     <body>
3         <titile></title>
4         <a href="http://www.baidu.com">百度搜索引擎</a>
5     </body>
6 </html>

1 <html>
2     <body bgcolor="green">
3         <title>标题栏</title>
4         <h1 align="center">标题一 居中</h1>
5         <h2 align="left">标题二 左对齐</h2>
6     </body>
7 </html>

 1 <html>
 2     <body>
 3         <title>水平线操作</title>
 4         <p>这是第一段文字 接下来是第一条水平分割线</p>
 5         <hr/>
 6         <p>这是第二段文字 接下来是第二条水平分割线</p>
 7         <hr/>
 8         <p>这是最后一段文字</p>
 9 
10     </body>
11 </html>

1 <html>
2     <body>
3         <title>文本对齐</title>
4         <p style="color:green;font-size:12px;">这是第一段文字</p>
5         <p style="font-family:arial;color:pink;font-size:20px;">这是第二段文字</p>
6         <p>这是最后一段文字</p>
7     </body>
8 </html>

1 <html>
2     <body style="background-color:pink">
3         <title>运用style样式</title>
4         <h1 style="background-color:green">绿色标题一</h1>
5         <p style="background-color:red">这是第一段红色文字</p>
6         <p style="background-color:blue">这是第二段蓝色文字</p>
7         <p>这是最后一段文字</p>
8     </body>
9 </html>

1 <html>
2     <body>
3         <title>运用style样式</title>
4         <h1 style="background-color:green">绿色标题一</h1>
5         <p style="background-color:red">这是第一段红色文字</p>
6         <p style="background-color:blue">这是第二段蓝色文字</p>
7         <p>这是最后一段文字</p>
8     </body>
9 </html>

1 <html>
2     <body>
3         <title>文本对齐</title>
4         <p style="text-align:center">这是第一段文字</p>
5         <p style="text-align:right">这是第二段文字</p>
6         <p>这是最后一段文字</p>
7     </body>
8 </html>

 1 <html>
 2     <body style="background-color:pink">
 3         <title>保留空格的文本格式</title>
 4         <pre style="font-size:30px;">
 5         public static void main(String []args)
 6         {
 7             System.out.println("hello world!");
 8         }
 9         </pre>
10     </body>
11 </html>

 1 <html>
 2     <head>
 3         <title>css样式表</title>
 4             <style type="text/css">
 5             body{background-color:pink}
 6             p{text-align:left;font-size:20px;color:white}
 7             </style>
 8     </head>
 9     <body>
10         <p>css样式表</p>
11     </body>
12 </html>

猜你喜欢