HTML新建站点基础标签
一、站点的建立
1、新建html5,右上角对话框，点击如图所示：
二：标题段落与图片的关系
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>DW新建站点</title> </head> <h1>六一儿童节快乐</h1> <h2>六一儿童节快乐</h2> <h3>六一儿童节快乐</h3> <h4>六一儿童节快乐</h4> <h5>六一儿童节快乐</h5> <h5>六一儿童节快乐</h5> <p>但是成年人没有儿童节，只有成人节。</p> <p>但是成年人没有儿童节，只有成人节。</p> <img color: rgb(255, 0, 0);">img/pepolewomen.jpg " alt=""> <body> </body> </html> |
显示如下：
三：强调标签的使用
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Untitled Document</title> <style> span {font-style:italic; font-weight:bold; color:#07462E } </style> </head> <body> <p>我们都身处在同一个世界，但是我们的命运少数人是幸运的，其余大多数都是不幸的。<em>不幸的人生大多相似，幸运的人生各有各的不同。</em>在这个世界上，一定要证明自己存在的意义，那便是实现自我价值。<em>那么什么是自我价值呢？</em>其实......</p> <p>自我价值的实现，在于是否给<span>周围的人</span>能够带去<strong>“幸福感”</strong>与<strong>“安全感”</strong></p> </body> </html> |
(快捷键：span 打出来，按tab，即显示<span></span>)
此标签可引入样式，即style部分。
em即字体倾斜
p即段落
strong即字体加粗
（color:#即可自选颜色，也可简单：red/bule/green）
四：HTML与CSS的关系
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Untitled Document</title> <style> p {font-size: 60px; color:#09F16B } </style> </head> <body> <p>嗨咯，六月</p> </body> </html> |
style即是“嗨咯，六月”的样式
font-size:60px 即大小