页面基础元素

1.<html> ------</html>

<meta http-equiv="Content-TYPE" content="text/html;charset=utf-8"/>

2. 文本显示方向属性:dir

作用与语法:dir属性用来指定文本显示的方向,同时也决定浏览器滚条的位置。dir属性的语法结构如下。

<html dir="浏览器中文本的方向">----</html>

dir属性可以取两个值,即ltr和rtl,分别表示浏览器中文本的方向从左向右显示(ltr)和从右向左显示(rtl)。

<!-- 从左到右显示 -->

<html dir="ltr" xmlns=""></html>

<!-- 从右到左显示 -->

<html dir="rtl" xmlns="">

3.指定语言属性:lang

作用与语法:lang属性用来指定文档中所使用的语言。lang属性的语法结构如下。

<html lang="指定的语言“>包含的内容部分</html>

lang 属性的取值可以使用ISO标准中的语言代码。常用的语言代码如下,在<html>元素中加入lang属性,使得浏览器更好地显示页面,并不会更改页面的文字编码。

表 ISO标准语言代码的取值及含义
语言名称写法语言名称写法
英语        en法语fr
汉语zh德语de
日语ja意大利语it

4.边框颜色属性:bordercolor

作用与语法:在HTML中通常用边框颜色属性bordercolor来定义行内单元格的边框颜色。bordercolor属性的语法结构如下。

<table>

<tr bordercolor="颜色值">-----</tr>

5.元信息元素:<meta>

作用与语法:元信息元素<meta>用来定义页面的附加信息,其中包括页面的作者、版权、关键字等相关信息。<meta>元素的语法结构如下。

<meta 属性=”属性值“/>

<meta>元素是一个自封闭的元素,通过其中的属性来添加各种附加信息。<meta>元素在不使用任何属性时,对页面没有影响。

5.1元信息元素名称属性:name

作用与语法:name 属性用来指定文档中附加信息的名称。例如,最常用的值”keywords“用来定义文档中的关键字,方便搜索引擎的搜索,name属性的语法结构如下。

<meta name="信息名称“/>

5.2 元信息元素的值: content满足

作用与语法:”满足“ 属性用来指定文档中附加信息的值,它与name属性成对出现。content属性的语法如下;

<mate name=:”信息名称“ content=”附加信息的值*/>

页面标题元素:<title>

html页面的标题一般是用来说明页面用途的,它显示在浏览器的标题栏中,在HTML文档中,标题信息设置在页面的头部,也就是<head>与</head>之间。<title>元素的语法结构如下。

<title>-----</title>

说明:在标记中间的“----------”就是标题的内容,它位于HTML文档的头部,即<head>和</head>之间。

实例代码  使用<title>元素的实例

5.3 元信息元素的附加属性:HTTP-eauiv

作用与语法:HTTP-equi属性和name属性类似,用来指定附加信息的名称。在浏览器加载页面之前,服务器会把HTTP-equiv属性定义的相关信息发送给浏览器,便于在浏览器中正确显示页面。HTTP-quuiv 属性的语法结构如下。

<mate http-equiv="信息名称" content=“附加信息的值”/>

    和name属性类似,HTTP-quuiv属性一般要和content属性成对出现。

5.4 定义页面的跳转

    作用与语法:在浏览网页的时候经常会看到一些欢迎信息的页面,在经过一段时间后,这一页面会自动转到其他页面,这就是网页的跳转。使用HTML中的HTTP代码就可以很轻松地实现这一功能。页面跳转的 语法结构如下。

<meta http-equiv="refresh" content=“跳转时间”;url="链接地址”>

说明:在该语法中,refresh表示网页的刷新,而在content中则设定刷新的时间和刷新后的地址,时间和链接地址之间用分号相隔,默认情况下,跳转时间是以秒为单位的。

<meta http-equiv="refresh" content="5;url=http://www.baidu.com>

5.5 类型属性:type

作用与语法 :type属性用来指定<style>元素中所包含内容的类型。一般情况下,不指明type属性时,浏览器时可以辨别内容类型的。但为了防止和JAVASCRIPT脚本等混淆,最好定义type属性。type属性的语法结构如下。

<style type=“类型”></syle>

在<style>元素中,类型属性的值为“text/css”。

<head>

<title>无标题文档</title>

<style type="text/css">

body {

color:#000000;

font-size:26px;}

5.5 类型属性:media

作用与语法:media属性用来指定<style>元素中所包含内容作用的媒体。一般情况下,制作的网页可能在不同的浏览设备中使用,指明使用的媒体将有助于页面的显示。media属性的语法结构如下。

<style media="媒体类型“></style>

media属性中可以使用多种媒体,具体的取值及含义如下。

media属性的取值及含义
代码属性值含义代码属性值含义
screen        电脑显示器aural音频设备
TV电视tty文本
print打印机all所有设备

当指定多个媒体时,每个媒体值之间,用英文的”,“分隔。

注意:当指定了使用媒体后,其他媒体中将不能应用现有样式。

实例代码:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值