HTMl基本知识点——基本框架

HTML标记

用于描述网页内容的标记性语言【对网页内容进行结构化处理】将内容放置于适合的标记内

HTML标记类型:单标记和双标记

一、单标记

(1)<标记名称> 单一型,无属性值。如<br />

(2)<标记名称 属性=“属性值”>单一性,有属性值。如<hr width="80%" />

     注:为了符合XHTML的语法规则,标记必须有开始和结束,属性必须有值,标记必须都是小写。

二、双标记

(3)<标记名称>.........</标记名称>没有属性和属性值。如<title>.....</title>

(4)<标记名称 属性=“属性值”>.....</标记名称>有属性值。

    如<bodybgcolor="red">...</body> 或者<fontsize="7">...</font>

HTML的基本框架

<html>

<head>

    <title> </title>

    <meta></meta>

</head>

<body>

</body>

</html>

 

Meta标记:

1.Meta标签用于定义文件信息,对网页文件进行说明便于搜索引擎查找

2.<meta name="keyword"content="value">多个关键字之间用“,”分隔

3.设置描述:<meta name="description"content="value" />

4.设置作者:<meta name="author"content="作者名" />

5.设置字符集:<metahttp-equiv="content-type"content="text/html;charset=gb2312" />

6.设置页面定时跳转:<meta http-equiv="refreh"content="2;URL=http://www.baidu.com" />

 

网页主体标记body

1.注释 <!--注释内容-->

2.body属性<body bgcolor="背景颜色" background="背景图像"text="文本文件" link="链接文本颜色"vlink="访问过的文本颜色"    alink="激活链接的颜色"leftmargin="左边界" rightmargin="右边界"    topmargin="上边界"   bottommargin="下边界">

 注:上下左右的边界默认是10px

 

字体修饰

1.<font color="文本颜色" size="字号" face="字体">..文本..</font>

 注:网页中的文本字体、字号一般有CSS修饰,

2.字符格式

 加粗--<b>....</b>       倾斜-<i>....</i>     语气(加粗)--<strong>...</strong>

加强语气(倾斜)--<em>....</em>    下划线--<u>...</u>   删除线--<s>...</s>    上标--<sup>...</sup>          下标--<sub>...</sub>

 注:删除线就是在文字中间加一条横线

3.段落标记:

 <p align="对齐方式">....</p>  ;align属性的属性值:left(左对齐(默认))、right(右对齐)、center(居中)

 特殊字符:空格--&nbsp;   、版权号--&copy;  、注册商标--&reg;  、“--&quot;  、&--&amp;  、<--&lt;   、>--&gt;

4.段落标题:   <hxalign=”对齐方式”>..段落标题..</hx>         

 注:x的取值[1~6],hx内的文本会自动加粗显示,hx的对象是段落,而font针对的是所有的文本。

5.<br />换行 (换行不换段),即该行仍然受<p>的影响

6.水平直线<hr />

属性名称

属性值

说明

size

像素(绝对设置);

以数字表示,属性值越大,线越粗

百分比(相对设置)

以%表示,税性值越大,线越粗

width

像素(绝对设置);

长度不会因为视窗的改变而改变

百分比(相对设置)

长度会随着视窗的变化而变化

noshade

noshade

实际上没有属性值,但是是在XHTML中规定必须有属性值,故将值写成属性名称即可

 

特殊标记

l  定义一个块引用:使(块内的)文本缩进。 <blockquote cite=”url”>....</blockquote>

 注:cite属性值URL是被引用的地址。(如果网页上的一段文字被copy了其实是连URL一块copy的)

l  居中标记<center>...</center>  (被废弃的标签,但是还可以用)

l  预格式化标记 <pre>....</pre> ,即显示已经格式化好了的文字,不加此标记,浏览器会忽略所有的空格和制表符。

  • 5
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值