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>