HTML作用

 

用标记标签来描述网页,把网页内容在浏览器中显示出来,
用文字来描述网页标签。

 

 

 

html标签分为:

单标签:

比如:<br />

双标签:

比如:<a> </ a>

html格式:

 

<html>
<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>
<body>
    
</body>
</html>

 

 

  <html></html>根标签

  <head></head>头部

  <title>Title</title>标题

  <body></body>文档的主体

HTML各部分的作用:

 


生成HTML结构快捷键为:

  ! + Tab    或    html:5 + Tab

div标签和span标签的区别:

div是块级元素,块级元素独占一整行,在没有CSS样式的情况下,下一个元素只能在其下方

span是行内元素,它的大小由内容撑起,宽度也是,行内元素只占据它本身大小的空间,后边还可以排行内元素。

  <div></div>换行显示

  <span></span>水平显示

设置边框粗细:

border    eg:border=“10”;

 

插入图像

<img src = “图片的路径” />

a 标签:

链接:

 

<a href=”网址”>网址名称</a>

 

 

新窗口打开连接:

<a href=”网址”  target=”_blank >网址名称</a>

 

当前窗口打开连接:

只需在要想显示的链接后边加上  target = “_self”

 

返回上一步操作的页面:

<a href=”javascript:history.back ()” title= “返回”>返回上一页 </a>

 

锚点定位:

链接锚点:

href=“#live”

 

抛锚点:

id=“live“

 

base标签:

可以设置整体链接的打开状态。

base是单标签

在<head>和</head>之间写,

格式为:<base  target=””blank />

blank:是显示在一个新的页面self:是显示在当前页面

无序列表:

*<ul></ul>中只存放<li> </ li>标签。如果想写其他的标签,可以将其他的表签存放在<li></li>中,同样的有序列表中也是。

较有序列表用处更广泛

  <ul>

         <li>   </li>

         <li>   </li>

  </ul>

 

有序列表

用法类似无序列表

  <ol>

              <li>美国</li>

              <li>英国</li>

              <li>中国</li>

  </ol>

 

自定义列表:

<dd></dd>是对<dt></dt>的解释说明

  <dl>

    <dt>名词1</dt>

    <dd>名词1解释1</dd>

    <dd>名词2解释2</dd>

    <dt>名词2</dt>

    <dd>名词2解释1</dd>

    <dd>名词2解释2</dd>

  </dl>