您的位置：首页 > Web前端

web前端学习笔记01

2015-10-15 15:04 190 查看
在title可以添加style css样式

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Html和CSS的关系</title>
<style type="text/css">
h1{ <!--此处是下面的引用的标签-->
font-size:12px;
color:#930;
text-align:center;
}
strong{
color:#999;
}
span{
color:red;
}
</style>
</head>
<body>
<h1>一种css的小样式</h1><!--hx是标题 一共有h1、h2、h3、h4、h5、h6 其中h1最大 h6字体最小-->

<p>这个是<em>斜体</em>字体</p>
<p>这个是<strong>粗体颜色变化</strong>字体</p>
<!--特别强调某几个文字，这时候就可以用到<em>或<strong>标签。但两者在强调的语气上有区别:<em> 表示强调，<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示，<strong> 用粗体表示。两个标签相比，目前国内前端程序员更喜欢使用<strong>表示强调。-->

<p>这个是<span>红色</span>字体</p>
<!--<em>和<strong>标签是为了强调一段话中的关键字时使用，它们的语义是强调。<span>标签是没有语义的，它的作用就是为了设置单独的样式用的。-->

<p><q>床前明月光，疑是地上霜。</q>是李白写的</p>
<blockquote>暗淡轻黄体性柔，情疏迹远只香留。<br/>
何须浅碧深红色，自是花中第一流。</blockquote>
<!--<q></q>代表应用别人说过的话,短文本引用；blockquote长文本引用-->
<!-- <br />代表回车换行的意思；与以前我们学过的标签不一样，<br />标签是一个空标签，没有HTML内容的标签就是空标签，空标签只需要写一个开始标签，这样的标签有<br />、<hr />和<img />-->

<p>  空格在web前端中换行用回车和空格用空格都不可以需要用到 </p>

<hr/>
<!--html4.01版本 <hr>、xhtml1.0版本 <hr />；<hr />标签和<br />标签一样也是一个空标签，所以只有一个开始标签，没有结束标签。一般都用xhtml1.0版本<hr />（其他标签也是）-->

<p>表示地址用address：<address>四川省成都市双流县航空港天鹅湖别墅区36号</address></p>

<p>一行代码:<code>protected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);}</code></p>
<!--如果是多行代码的话，可以用<pre>标签-->

<pre>
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
}</pre>
<!--<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。-->

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