您的位置：首页 > Web前端 > HTML

认识html标签（第三部分）

2016-09-29 16:38 246 查看 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>r认识css样式</title>
<!--类选择器-->
<!--能多次使用-->
<style type="text/css">
.setgreen{ color:#0F0;}
.color{color:#F00;}
.fontsize{font-size:24px}
<!--id选择器-->
<!--只能使用一次-->
#fontsize{color:#F0F;}
</style>
</head>

<body>
<h1>勇气</h1>
<p>三年级的时候，我还是一个<span class="color fontsize">胆小如鼠</span>的女孩。上课从来不敢回答老师的问题，生怕回答错了老师会批评我，我就一直没有这个勇气来回答老师提出的问题。学校去办的活动我也没<span id="fontsize">勇气</span>参加。到了三年级下学期，我们班上了一节<span class="setgreen">公开课</span>，老师提出了一个很简单的问题，办理红多同学都举手了，甚至是成绩比我差很多的同学，也举手了。还说着：”我来，我来“。我环顾了一下四周，就我一个人没举手。
</p>
<img src="../img/照片2.jpg">
<br />
<embed src="../music/Bigbang - Let's not fall in love.mp3" width="333" id="音乐播放器" height="333" hidden="false" autostart="false" loop="true" name="音乐播放器" align="MIDDLE"></embed>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>认识css样式</title>
<!--嵌入式css样式-->
<style type="text/css">
p{ 	font-size:12px;/*设置文字字号*/
color:#F00;/*设置文字颜色*/
font-weight:bold;} /*设置字体加粗*/
span{	color:#0F6;
font-size:18px;}/*单独设置样式*/
</style>
<!--外部式css样式-->
<link href="../css/demo3.css"  rel="stylesheet" type="text/css" />
</head>
<body>
<p>
慕课网，超强的互联网，it技术免费学习平台，创新的网络一站式学习，实践体验；服务及时贴心，内容专业，有趣易学专注服务互联网工程师快速成为技术高手！
</p>
<br />
<!--内联式CSS-->
<P style="color:#00F";>
慕课网，超强的互联网，it技术免费学习平台，创新的网络一站式学习，实践体验;服务及时贴心。内容专业，有趣易学。专注服务互联网工程师快速成为高手！
</P>
<p>
慕课网，<span>超强的互联网</span>，it技术免费学习平台，创新的网络一站式学习，实践体验；<span>服务及时贴心</span>，内容专业，<span >有趣易学</span>。专注服务互联网工程师快速成为技术高手！
</p>

</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航