HTML基础学习(一)

  • 什么是HTML: 

      html称为超文本标记语言,是一种标识性语言,它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。 HTML其实本质上是一种文本,它需要浏览器的解释

  • HTML基础知识:

  1. HTML文件的基本结构:
<html>     <!--称为根标签-->
        <head><!--用于定义文档的头部-->
        ...
        </head>
        <body><!--内容是网页的主要内容-->
        ... 
        </body>
</html>

    2.标题标签: <tx>..</tx>

        标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且 依据重要性递减。<h1>是最高的等级。

语法:
<hx>标题文本</hx> (x为1-6)

  3.段落 

<p align="#">  <!--属性align表示段的对齐方式,可以是left,right,center,justify>
...
</p>

  4.强调语气:

     有了段落又有了标题,现在如果想在一段话中特别强调某几个文字,这时候就可以用到<em>或<strong>标签。

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

语法: 

<em>强调内容</em>

<strong>强调内容</strong>

  5. <span></span>标签:

    这个标签并没有强调语气的意义,它的作用只是为了设置单独的样式。

    例如:  

  

<p>为了追寻他的<span>美国梦</span>,他搬入纽约附近一海湾居住。</p>

显示如下:  

 

  6.短文本引用:当在文本中需要引用别人的话 这个时候需要加</q><q>
     注意:要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。

     <q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。

    长文本引用:   <blockquote></blockquote>

    7.特殊符号使用:

   

符号 意义 用法
< br > 分行显示文本 ,相当于word中的回车 
但是为什么要用这个标签 不直接在html中使用回车?
在 html 中是忽略回车和空格的,你输入的再多回车和空格也是显示不出来的。
<body>
<h1>感悟梦想</h1>
来源:作文网 <br> 作者:为梦想而飞 
</body>
&nbsp 空格:
&nbsp; 代表一个空格

<body>

<h1>感悟梦想</h1>

来源:作文网&nbsp;&nbsp;作者:为梦想而飞

</body>

   8.代码标签: <code></code> 

 注意: 

注意:在文章中一般如果要插入多行代码时不能使用<code>标签了

如果是多行 可以用<pre></pre>

发布了130 篇原创文章 · 获赞 33 · 访问量 10万+

猜你喜欢

转载自blog.csdn.net/qq_30631063/article/details/100932480
今日推荐