网页制作基础教程(二)html标签

  • 编辑时间: 2014-04-26
  • 浏览量: loading
  • 作者: 段亮

网页制作基础教程(一)中,让我们简单的知道,一个网页由几个部分组成。以及网站必不可少的的三要素。那么今天我们就深入学习,网页制作之html标签。在这里我强烈推荐新手(小白)去W3C学习基础,因为我们做出的网页都要符合W3C的规范。可能又有人会问W3C是什么呢?在这里简单回答下:W3C组织是对网络标准制定的一个非赢利组织,W3C是万维网联盟的缩写。像HTML、XHTML、CSS、XML的标准就是由W3C来定制。可能有些新手(小白)去W3C不知道该怎么学习,会很困惑,到底该怎么学习html标签好呢?

那么下面我就举列出一些网页中常用到的标签,以及他们的用法:

<h1></h1> - <h6></h6> 标签

注:h标签表示文章的标题标签,并且h1标签(在一个页面中有且只存在一次)

段落标签

<p></p>

换行标签  

<br/>

下划线标签

<hr/>

文本行内标签

<span></span>

strong/b 标签

<strong> 用于强调文本,但它强调的程度更强一些,表示重要文本。

<b> 标签呈现粗体文本效果

marquee滚动标签

<marquee></marquee> 文字移动属性的设置  direction

代码:<marquee direction=left>啦啦啦,我从右向左移!</marquee>

 <marquee direction=right>啦啦啦,我从左向右移!</marquee>

font标签

<font size="字体大小"  color="字体颜色"  face="字体类型"></font>

注:size:12,14

color: red,blue,green,yellow  或者 颜色值#333

face:  "黑体" "微软雅黑" "宋体"

a超链接标签

<a>超链接标签 <a href="#"></a>

<img/>图片标签

<img src="" alt="" width="" height=""/>

(无序列表)标签

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

</ul>

(有序列表)标签

<ol>

<li>1</li>

<li>2</li>

<li>3</li>

</ol>

注:小黑点是默认的样式(在后面的教程中我会详细说的),去除小黑点css代码:list-style:none;

表格标签

<table style="border:1px solid red;">

<tr><td>1</td><td>1</td></tr>

<tr><td>2</td><td>2</td></tr>

</table>

注:tr表示一行;td表示一列。表示意思是2行2列的表格

html:特殊符号

空格 &nbsp; 大于号(>)&gt;小于号(<)&it;版权号:&copy;

PS:推荐大家去W3C学习基础,可以边学习边看到效果,便于理解和记忆。

总结:以上都是常用的html标签,相信你熟悉上面的标签。你也能写一个很简单的网页啦!建议新手基础学习用:Editplus工具,正式开发工具:DreamWeaver。学网页制作首先得基础打扎实,在就是学思维,重在实践。

本文由段亮个人博客原创出品,如需转载请注明出处

本文出处:http://www.duanliang920.com/learn/web/jc/210.html

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对段亮这小子的支持! ~(@^_^@)~

微信扫一扫 微信打赏

支付宝扫一扫 支付宝打赏

评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • 乀浅蓝
    2014-05-13 16:28:34发表

    顶顶!!

你也想建立一个独立博客?

你是否也想打造一个在互联网上的个人品牌,成为一个家喻户晓的人物呢?
请点击了解 怎样创建个人博客