首页 > Web开发 > 详细

5月8日HTML学习

时间:2019-05-08 17:33:38      阅读:128      评论:0      收藏:0      [点我收藏+]
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>

 

5月8日HTML学习

原文:https://www.cnblogs.com/sucker/p/10832480.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!