我的总结:HTML语法精华!(原创)

本文深入浅出地介绍了HTML5的基础语法和关键特性,包括强制断行、分段、样式设定、字体大小调整、表格布局、链接设置、表单应用、框架使用等。并提供了详细的代码示例和技巧,旨在帮助读者更好地理解和应用HTML5进行网页设计。

======================================================
注:本文源代码点此下载
======================================================

*****************************html语法精华*****************************************

html是所有网页设计学习者所最先接触的,也是公认的最为简单和易上手的技术。下面我就以我的学习经验和感悟给大家总结了一些我认为重要的东西,以便大家更好的掌握,与运用。

------------------------->

强制断行标签

强制分段标签

分隔线常用属性(color, width, size, noshade, align)

置中标签

保存原始格式标签:

文字内容

文 字

格 式

字体标签:标题内容

标题的大小一共有六种,两个标签一组,也就是从到,最大,最小

设定字体大小标签:文字内容

标题的大小一共有七种,也就是(最小)到(最大),另外,还有一种写法:文字内容,其意思就是说:比预设字大一级。当然也可以 font size=+2(比预设字大二级),或是 font size=-1(比预设字小一级),以一般而言,预设字体多为 3。

常用字型变化标签:

上标

下标

闪烁(ie没效果)

强调

加强

网页内部的连结这里是你想连结的点

设定连结:连结

连结标签的参数

target=_blank:将连结的画面内容,开在新的浏览视窗中。

target=_parent:将连结的画面内容,当成文件的上一个画面。

target=_self:将连结的画面内容,显示在目前的视窗中。

target=_top:这个参数可以解决新连结的画面内容,被旧框窗包围的困扰,使用这参数,会将整个画面重新显示成连结的画面内容。

表格标签:

左右栏位合并:

1

4

5

6

上下栏位合并:

1

2

3

5

6

表格背景、底色设定

1

2

3

4

表格框线设定

1

表格栏距设定

1

2

序列标签

无序标签

(被广泛用于div+css层内文件的显示)

有序标签

定义列表标签

(用法类似于

,比较常用)

小标题

标题的内容说明

添加音乐:

可是用netscape看就没有声音了最好用embed标签

meta tag 的简介:

说明网站的格式及编码方式,另外这个功能也可以拿来说明网站的名称。

铲明整个网站的关键字,关键字间用逗点隔开,总长度最好不要超过1000个character

铲明整个网站为何吸引人的地方,可用逗点隔开,总长度最好不要超过200个character (约15个字),若文章真的太长,可以切割成两个部分,较不重要的部分置入下一个description。

此功能是要给搜寻引擎使用的,是要用来告诉spider哪些网页是要去撷取的或不用去撷取的,一般都设定成all(内定值)。

图层div(目前最重要也是最常用的标签,完全取代了table。div+css的应用完全取代了传统的网页制作模式)

图层是一个容器,在图层内可以放置各种类型的网页元素。如文本、图像、表格、甚至还可以放置图层(图层嵌套)。每个图层相当于一个独立的小屏幕。

图层是一个可以任意移动的容器,甚至允许图层之间重叠放置,这是它与框架的不同之处,这也是图层的最大优点。因为放置在图层上的元素,可以随图层被拖放到任意位置,为元素的定位和网页布局带来极大的方便,同时也为控制动态元素奠定了基础。

例如,利用下列代码创建一个宽100px、高100px的图层。

我是层!

表单form

目前的应用很多,主要是登录与注册的用户信息。

常用的有input--->type:text、password、submit.....

texterea/select---->option

框架frameset

name="1"

设定这个框架的名称,这样才能指定框架来作连结,所以一定要设定喔!当然名称随你高兴取名。

frameborder=0

设定框架的边框,其值只有 0 和 1 , 0 就是不要边框, 1 就是要显示边框。边框是无法调整粗细的。

scrolling="no"

设定是否要显示卷轴,yes是要显示卷轴,no是无论如何都不要显示,auto是视情况显示。

noresize

设定不让使用者可以改变这个框框的大小,如果没有设定这个参数,使用者可以很容易的拉动框架,改变其大小。

marginhight=2

表示框架高度部份边缘所保留的空间。

发现很多人盗取我的劳动成果,真的太气人了!!!(特此声明)

施杨出品!!! 拒绝转载!!!


======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定 这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值