HTML大法:
<01>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HoudiniVFX</title> </head> <body> <h1>第一个标题</h1> <h2>第二个标题</h2> <h3>第三个标题</h3> <p>段落test</p> <p>段落是由p开始的</p> </body> </html>
<02>style基础和跳转
<!DOCTYPE html> <html lang="en"> <!-- this header define --> <head> <meta charset="UTF-8"> <title>a02</title> </head> <!-- this is horizon line--> <hr/> <body bgcolor="#a0522d"> <h1 align="center">Web Page by gearslogy</h1> <p align="center"> Click paragraph will jump 163.com </p> <a href="http://www.163.com"> <p align="center">this is hyper link</p> </a> <!-- this is horizon line--> <hr/> </body> </html>
<03>文本换行
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML change new line</title> </head> <body> <!-- "this is new horizon line" --> <hr/> <!-- use <br/> to change new line--> <p align="center">this is<br/> a paragraph </p> </body> </html>
<04>style基础,字体，对齐,颜色
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>StyleTest</title> </head> <body style="background-color: chocolate"> <h1 style="background-color: aliceblue;text-align: center">主题1</h1> <p style="background: white">段落1</p> <p style="font-family:Consolas"> this use Consolas font format</p> <p style="font-family:Meiryo UI;color: blanchedalmond;font-size:20px;text-align: center">this use MeiryoUI font format</p> </body> </html>
