web前端学习笔记01

最新推荐文章于 2021-06-17 04:35:37 发布

星火凌云

最新推荐文章于 2021-06-17 04:35:37 发布

阅读量345

点赞数

分类专栏： web前段

本文链接：https://blog.csdn.net/qq_27296787/article/details/49152775

版权

web前段专栏收录该内容

4 篇文章 0 订阅

订阅专栏

在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>