HTML:基础知识介绍和标签

XHTML和HTML:

XHTML与HTML类似,但是语法更严格。

XHTML分为三个版本:

(1)Strict:去除逐渐淘汰的标记。

(2)Traditional:能够使用逐渐淘汰的标记。

(3)Framset:框架技术。

html页面由许多标签组成。

注释:<!-- 注释-->

<html>                                                        <!--每个html页面的最开始-->

    <head><title>title</title></head>            <!-- head元素中包含的是页面的标题,以及一些描述-->

    <body>                                                   <!-- body是浏览器的-->     

        .......

    </body>

</html>

标签和元素的区别:

标签就是<html>、<head>这种形式。

元素是<head>...</head>这种形式。

建议:标签最好用小写字母编写。

 

属性:在标签中可以放置属性,目的是对标签个性化,比如一个文字的字体等。

比如:

<a href = "http://www.google.com/">Click here</a>

<a>是标签,表明链接,href表明要链接的目的地。

注意:属性值必须要是字符串。

 

接下来详细介绍主要标签:

<head>标签:

    可以在<head>元素中使用

    <title>:页面标题

    <link>:与某个CSS文件链接。

    <script>:脚本。

    <style>:内联的CSS。

<h1>---><h6>:题头,一般使用<h1><h2>表示标题和副标题。

<p></p>表示一个段落。

<br />表示一个换行符.他有一个clear属性用于图像。

 一般来说html都是空格折叠的,即多个空格只能算是一个空格。

比如:

<p>

Hello world                     Hello world

</p>

在网页中只能显示Hello world Hello world

<pre></pre>:在这个元素中的文档都是保持原来的样子,没有空格折叠,因此可以在里面插入代码等。

<b></b>设置粗体。

<i></i>设置斜体。

<u></u>设置下划线。

<s></s>设置删除线。

<tt></tt>设置等宽字体。

<sup></sup>设置上标。

<sub></sub>设置下标。

<big></big>设置大字体。

<small></small>设置小字体。

<hr />设置水平线。

<em></em>表示强调。

<strong></strong>着重强调。

<abbr title = "..."></abbr>缩写词。

<blockquote cite = "..."></blockquote>:引用文章,cite属性表明来源。

<cite></cite>表明来源。

<dfn></dfn>表示专业术语。

<code></code>中写代码。

<address></address>表示地址。

 

<div class = "">...</div>表明分组,经常和CSS一起使用。

<span class = "..."></span>对内联元素进行分组。

每个标签都有核心属性:

(1)id:标识元素。规定:以字母开头。

(2)class:所属的类,用于CSS。

 <html>
 <head><title>Google.com</title></head>
 <body>
  <h1 title = "Google" class = "A">G</h1>
 </body>
</html>

在CSS文档中,

h1.A{

    font-size:12px;

}

可以改正h1的文字的样式。

(3)title:光标停在某个组件上,会有个提示符。

 

 列表:

(1)无序列表。

(2)有序列表。

(3)自定义列表。

无序列表:

<ul>                                <!-- ul表示无序列表的创建-->

    <li>1</li>                    <!-- li表示一个列表的一项-->

    <li>2</li>

</ul>

有序列表:

<ol type = "A" start = "1">                                <!-- ul表示有序列表的创建-->

    <li>1</li>                    <!-- li表示一个列表的一项-->

    <li>2</li>

</ol>

start属性表示开始的数字,如果为4,则从4开始标记。

type属性表示标记的样式,如果为A,则样式为ABCD...

 

列表的嵌套:

<ol type = "A" start = "1">                                <!-- ul表示有序列表的创建-->

    <li>1</li>                    <!-- li表示一个列表的一项-->

    <li>2</li>

        <ol>

            <li></li>

            <li></li>

        </ol>

</ol>

 

改动的标记:<ins><del>

<ins></ins>表示新增的文字。

<del></del>表示删除的文字。

 

特殊的字符:

&lt:表示<

&gt表示>

&amp表示&

&quot表示 "

 

块级元素&内联元素:

块级元素的前后都是换行的。

内联元素前后都不换行。



 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值