Html基础语法之网页架构标签的用法

Html基础语法之网页架构标签的用法

gavin 暂无评论
Sunny专栏

Html即超文本标记语言(HyperText Markup Language的缩写),多用于制作网页,用此编写的文件为静态网页,后缀名为:.html或.htm。那么想要了解一个网页的架构,则应从最基本的标签入手,下面就带大家了解了解
一、最常见的标签的用法
1、<HEAD>网页抬头</HEAD>、<TITLE>网页标题</TITLE>、<BODY>网页内容</BODY>;
2、分隔标签:强制断行标签<br>、强制分段标签<p>
3、分割线标签:上一段文字内容<hr>下一段文字内容
4、排版标签:<p align=”left”>文字靠左</p>
5、保存原始格式标签:<pre>文字内容<pre>
6、字型变化标签:<b>粗体</b>、<i>斜体</i>、<u>底线</u>、<em>强调</em>、<strong>加强</strong>、<blink>闪烁</blink>
7、文字颜色设定:<font color=”#fefecb”>文字颜色</font>
8、特殊字符:很多特殊的符号是需要特别处理的,比如说”空格”” < “、” > “这两个符号若想要呈现在网页上是没有办法直接打” < “的,要呈现” < “必须输入编码表示法:“&lt;”
如:空格(不断行的空白):&nbsp;
小于号(<):&lt;
大于号(>): &gt;
9、影像标签:<img src=”1.jpg” alt=”我是sunny,你信吗” align=left>
在放置影像时,路径是非常重要的,常见的几种形式整理成下表所示:

或许有人看到不太明白,我来说明一下吧,“../”是回到上一层目录的意思也可以解释为跳出当前页面。“images/”则是进入下一层目录image之意,而“images/”的意思就是,回到上一层目录,然后再进入目录images中。以上我们使用的均为“相对路径”的概念。
10、背景标签:<body bgcolor=”#ffffff” background=”bg.jpg”>说穿了,背景标签只有<BODY>这个标签,其余的效果,只要加上一些简单的属性便可做到。
11、网页外部的连结:<a href=”http://sunspot-design.com”>好站</a>
12、连结标签的参数:在连结后面加入 target=_参数;
target=_blank;将连结的画面内容,开在新的浏览视窗中;
target=_parent:将连结的画面内容,当成文件的上一个画面;
target=_self:将连结的画面内容,显示在目前的视窗中;
target=_top:这个参数可以解决新连结的画面内容,被旧框窗包围的困扰,使用这参数,会将整个画面重新显示成连结的画面内容。
13、表格标签:<TABLE><TR><TD>1</TD></TR></TABLE>
14、序列标签:序列标签基本上可分为两种,一种是“无序条列”,一种是“有序条列”。
有序列表标签:<OL><LI><LI></OL>
无序列表标签: <UL><LI><LI></UL>
补充内容-定义列表标签: <DL><DT>小标题<DD>标题的内容说明</DL>
二、实际案例效果图


文军二维码

发表评论

今日说说

    问:做什么事情会让你成就感爆棚?

    答:做让你感觉心理畏惧的事情,做完之后你会发现,去TMD,不过如此。

站内搜索