首页 > Web开发 > 详细

网页制作视频教程(二)常用的HTML标签

时间:2015-09-24 01:57:50      阅读:315      评论:0      收藏:0      [点我收藏+]

本节主要讲解了,在网页实际开发中,一些常用的HTML标签,以及什么是行内标签、块级标签。以及它们之间的区别在哪里。

主要的常见标签有:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
一、常用的HTML标签
 
<a href="链接地址">点击我跳转</a> //超链接标签,用于页面的跳转
 
<span>我是sapn</span> //行内元素标签,可用于元素的修饰
 
<p>我是P标签,独占一行哦!</p>  //段落标签,代表一个段落,独占一行
 
<img src="图片链接地址" width="图片宽度" height="图片高度" alt="图片的描述"/>
//图片引用标签,src、width、height、alt四个属性,为必填!alt属性用于seo搜索引擎优化,告诉蜘蛛图片代表含义是什么。
 
<em>文字斜体</em>  //定义的文本内容为斜体
 
<strong>这里很重要</strong>   //强调被修饰文本为很重要的内容。
 
<div>我是盒子标签</div>   //盒子标签,后面视频会讲解盒子模型
 
<h1>标题标签<h1>   //标题标签,一般用于网页的标题。有h1-h6标签,但在实际开发中,一般只用到h1-h3标签。
注:一个网页只有一个h1标签,否则网站会被搜索引擎降权。
 
<ul>             //无序列表
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
    <li>列表4</li>
</ul>
 
<ol>           //有序列表
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
    <li>列表4</li>
</ol>   
 
<dl>       //自定义列表标签
    <dt>自定义头部</dt>
    <dd>自定义内容</dd>
    <dd>自定义内容</dd>
<dl>
 
<br/>  换行标签    <hr/>水平线标签
 
二、特殊HTML标签
 
    空格标签:        &nbsp;        大于号标签(>):    &gt; 
 
    小于号标签(<):    &lt;         引号标签:         &quot;
         
    版权标签:         &copy;

 

 

网页制作视频教程(二)常用的HTML标签

原文:http://www.cnblogs.com/ranfei/p/4834013.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!