body标签
想要在网页上展示出来的内容一定要放在body
标签中。 把我们之前海燕那一段HTML代码贴过来,保存到一个HTML格式的文件中。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>前端学习</title> </head> <body> <h1>关雎</h1> <p>关关雎鸠,在河之洲。窈窕淑女,君子好逑。</p> <p>参差荇菜,左右流之。窈窕淑女,寤寐求之。</p> <p>求之不得,寤寐思服。悠哉悠哉,辗转反侧。</p> <p>参差荇菜,左右采之。窈窕淑女,琴瑟友之。</p> <p>参差荇菜,左右芼之。窈窕淑女,钟鼓乐之。</p> </body> </html>
使用浏览器打开,看一下效果
文本样式标签
文本样式标签主要用来对HTML页面中的文本进行修饰,比如加粗、斜体、线条样式等...
<b></b>:加粗 <i></i>:斜体 <u></u>:下划线 <s></s>:删除线 <sup></sup>:上标 <sub></sub>:下标
直接上代码
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>文本格式标签</title> </head> <body> 前端html <b>前端html</b> <i>前端html</i> <u>前端html</u> <s>前端html</s> <sup>前端html</sup> <sub>前端html</sub> </body> </html>
浏览器运行结果