5月8日HTML學習
阿新 • • 發佈:2019-05-08
itl tile 紅色 -c rgs 引擎 spa 12px ati
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學習