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

给小伙伴们普及下基础知识。。。。 偷笑

--------------------------------------------------------------

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、特殊字符:很多特殊的符号是需要特别处理的,比如说”空格”" < “、” > “这两个符号若想要呈现在网页上是没有办法直接打” < “的,要呈现” < “必须输入编码表示法:“<”
如:空格(不断行的空白):
小于号(<):<
大于号(>): >
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://www.csdn.net”>csdn</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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值