一、HTML
1、标签<a href="http:www.baidu.com">This is a link </a> <img src="w3cSchool.jpg" width="123" height="34" /> <!--Html元素指的是从Start tag 到 end tag的所有代码-->
2、eg、<html> <body> <p> This is a paragraph </p> </body></html>
3、<h1 align="center" >对齐方式 <body bgcolor="yellow">背景颜色设置 , <table border="1">表格边框设置
4、<hr/>创建水平线 eg、 <p> This is a paragraph</p> <hr/> <p>This is a paragraph</p> <br/>换行标记
5、<body style="background-color:yellow"> <h2 style="background-color:red"> This is a page<h2/> <p style="background-color:green">This is a paragraph</p>
6、<h1 style="font-family: verdana">A heading</h1> <p style="font-family:arial; color:red; font-size:20px;"> A paragraph</p>
7、<h1 style="text-align:center">This is a heading</h1 > <p> WWF 的目标是：<q>构建人与自然和谐共存的世界。</q></p> <!--引用-->
8、对于长的引用使用<blockquote cite="http://www.worldwildlife.org/who/index.html"> 五十年来，WWF一直致力于保护自然环境的未来</blockquote>
9、<address> writen by Donald Duck <br\> Visit us at: <br\> </address>
10、键盘标签 <p><kbd> File |Open.......</kbd></p> 计算机代码标签<code> var person={ firstname:"Bill", lastName::"Gates", age:50, eyeColor:"blue"}
11、定义数学变量标签 <p> <var>E=mc<sup>2</sup></var></p>
12、外部样式表链接 <head><link rel=“stylesheet” type="text/css" href="mystyle.css"></head> 内部样式 <head> <style type="text/css"> body{background-color:red} p{margin-left:30px}</style> </head> 内联样式 <p style=color: red; margin-left :30px">This is a paragraph</p>
13、链接<a href="url">link text</a> 使用Target属性可以定义文档在何处显示 <a href="www.w3cschool.com.cn/" target="_blank">Visit W3cShool!</a>
14、图像标签 <img src="url"/> 替换文本属性， <img src="boat.gif" alt="Big Boat"> 当浏览器无法加载图像时提示
15、表格单元格 <table border="1"><tr><td> row1 ,cell1</td> <td> row 1 ,cell 2</td> </tr> <tr> <td> row 2, cell 1 </td> <td>row 2,cell2</td></tr> </table>
16、表头标签<th>Heading</th> <th>Another Heading</th> 如果表格是空的，则表格边框不显示，要添加占位符 <td> </td>
17、无序列表 <ul><li>Coffe</li> <li>Milk</li></ul> 有序列表 <ol><li>Coffe</li> <li>Milk</li></ol>自定义列表 <dl><dt> </dt></dl>
原文地址：https://www.cnblogs.com/xinxianquan/p/8463634.html