html学习(2)

标签的语义化,也就是标签的用途。

html、css、javascript作用:

  1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
  2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。
  3. javaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。

 

加入强调语气,使用<strong>和<em>标签

两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。

语法

<em>需要强调的文本</em>  

<strong>需要强调的文本</strong>

 

使用<span>标签为文字设置单独样式

<span>标签是没有语义的,它的作用就是为了设置单独的样式用的,也就是自定义。

语法

<span>文本</span>

 1 <style>
 2 span{
 3     color:blue;
 4 }
 5 </style>
 6 </head>
 7 <body>
 8     <p>1922年的春天,一个想要成名名叫尼克•卡拉威(托比•马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了
 9         追寻他的
10         <span>美国梦</span>,他搬入纽约附近一海湾居住。</p>
11 </body>

输出:美国梦

 

使用<br>标签分行显示文本

 与以前我们学过的标签不一样,<br>标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签。

语法:

xhtml1.0写法:

<br />

html4.01写法:

<br>

原文地址:https://www.cnblogs.com/sneike/p/8810159.html