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

  • 编辑时间: 2014-04-26 11:20:00
  • 浏览量: 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:特殊符号
空格   大于号(>)>小于号(<)⁢版权号:©

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

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

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

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

阿里云服务器优惠

写文章不易,如果您觉得文章对你有帮助。
打赏激励下作者吧,谢谢支持! ~(@^_^@)~!

微信打赏 微信打赏

支付宝打赏 支付宝打赏

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

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

站长推荐
loading... 数据加载中...

超低服务器价格,值得购买!

超低服务器价格,值得购买!