网页制作基础教程(二)html标签
- 编辑时间: 2014-04-26 11:20:00
- 浏览量:
- 作者:
在网页制作基础教程(一)中,让我们简单的知道,一个网页由几个部分组成。以及网站必不可少的的三要素。那么今天我们就深入学习,网页制作之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
写文章不易,如果您觉得文章对你有帮助。
打赏激励下作者吧,谢谢支持! ~(@^_^@)~!
微信打赏
支付宝打赏