body标签
想要在网页上展示出来的内容一定要放在body
标签中。 把我们之前海燕那一段HTML代码贴过来,保存到一个HTML格式的文件中。
前端学习 关雎
关关雎鸠,在河之洲。窈窕淑女,君子好逑。
参差荇菜,左右流之。窈窕淑女,寤寐求之。
求之不得,寤寐思服。悠哉悠哉,辗转反侧。
参差荇菜,左右采之。窈窕淑女,琴瑟友之。
参差荇菜,左右芼之。窈窕淑女,钟鼓乐之。
使用浏览器打开,看一下效果
文本样式标签
文本样式标签主要用来对HTML页面中的文本进行修饰,比如加粗、斜体、线条样式等...
:加粗:斜体:下划线:删除线:上标:下标
直接上代码
文本格式标签 前端html前端html - 加粗- 正常字体前端html - 斜体- 正常字体前端html - 下划线- 正常字体前端html - 删除线- 正常字体前端html - 上标- 正常字体前端html - 下标- 正常字体
将上面的代码保存成html文件,然后用浏览器打开看一下实际的显示效果:浏览器运行结果
表示强调的标签
我们已经学习了展示段落的p标签和展示标题的h1~h6标签,现在如果想在一段文字中特别强调某几个字,这时候就可以用到<em>
或<strong>
标签。
这两个标签都是表示强调,但是两者在强调的语气上有区别:<em>
表示强调,<strong>
表示更强烈的强调。 在浏览器中<em>
默认会用斜体表示,<strong>
会用粗体来表示。两个标签相比,我们通常会推荐大家使用<strong>
表示强调。
例如:电商网站的折扣数字,通常都使用<strong>
标签来表示强烈的强调。
淘宝 淘宝
强调 更强烈的强调
也就是加粗了字体。
表示引用的标签
<blockquote>
通常用来展示大段的文本引用。
路飞学城 关关雎鸠,在河之洲。窈窕淑女,君子好逑。参差荇菜,左右流之。窈窕淑女,寤寐求之。求之不得,寤寐思服。悠哉悠哉,辗转反侧。参差荇菜,左右采之。窈窕淑女,琴瑟友之。参差荇菜,左右芼之。窈窕淑女,钟鼓乐之。。
关关雎鸠,在河之洲。窈窕淑女,君子好逑。参差荇菜,左右流之。窈窕淑女,寤寐求之。求之不得,寤寐思服。悠哉悠哉,辗转反侧。参差荇菜,左右采之。窈窕淑女,琴瑟友之。参差荇菜,左右芼之。窈窕淑女,钟鼓乐之。。
运行结果,从结果来看引用标签会有首尾缩进、
从上图中可以看出和普通的<p>
标签相比,<blockquote>
标签中的内容会有首尾缩进的效果。
表示代码的标签
表示简短的单行代码可以使用<code>
标签,如果是带有缩进的大段代码就要使用<pre>
标签了。<pre>
标签会保留源文档中的格式(回车、空格)。
JD商城 单行代码:
print("Hello world! from xxx")
代码块(多行代码):
while True: age = input("猜猜看啊:").strip() try: age = int(age) if age > 10 or age < 10: print("傻逼了吧,错了!") else: print("厉害了我的哥!") break except ValueError: print("你TM的输错了!")
运行结果
表示地址的标签
在网页上经常会有公司的联系地址信息,这个时候就需要用到<address>
标签了。
前端架构 前端架构:
南京市鼓楼区,紫峰大厦24楼
运行