HTML文件基本标记

          HTML语言是一种文本类,依靠解释的方式执行的标记语言,HTML是Internet上用于编写网页的主要语言。HTML文件就是用HTML编写的超文本文件。

         一个HTML文件由一系列元素和标签组成。元素是HTML文件的重要组成部分,包括文件、图像、和表格等。标签的作用主要是用来规定元素的属性和他在元素中所处的位置。

       文件基本标记是HTML中的重要内容之一,主要包括头部标记、标题标记、元信息标记、基地网址标记和页面主题标记。

       头部标记:HTML的头元素是以<head>为开始标记,以</head>为结束标记的。常用的头部标记包括<base>、<basefont>、<title>、<meta>、<style>、<link>、<script>等,每种标记代表不同的含义。

       1、标题标记:标题标记用于显示浏览器的标题栏,说明文件的用途。在HTML文档中,标题文字位于<title>和</title>中间。

      使用规范:

     <title>标题内容</title>

     具体应用如下:     

<html>
<head>
<title>简单的HTML文件</title>
</head>
<body text="blue">
<h2 align="center">这里是HTML</h2>
<hr>
<p>欢迎来到HTML</p>
</body>
</html>


          2、元信息标记:元信息用<metra>标记,metra的属性有两种:name和http-equiv,其中name属性主要用于描述网页,以便      与搜索引擎和查找类。元信息标记的主要内容包括;

        设置页面关键字:

        <meta name =”keyname” content=”具体的关键字”>

        

         设置页面描述:

         <meta name=”descciption” content=”对页面的描述语言”>      

<html>
<head>
<title>设置页面描述</title>
<meta name="keyword" content="html">
<meta name="description" content="HTML网站">
</head>
<body>
</body>
</html>
      

       设置编辑工具:

       <metra name =”generator”content=”编辑软件的名称”>      

<html>
<head>
<title>设置页面描述</title>
<meta name="keyword" content="html">
<meta name="description" content="HTML网站">
<meta name="generator" content="Adobe Dreamweaver CS5.5">
</head>
<body>
</body>
</html>
     

     设置网页文字及语言:

     <metra http-equiv =”Content-type”content =”text/html;charset=字符串类型”>

    禁止从缓存调用:

   <metra http-equiv=”cache-control”content=”no-cache”>

    强制打开新窗口:

    <metra http-equiv=”windows-target”content=”_top”>

     3、基地网址标记:主要作用是讲当前的HTML页面中所有的相对URL转化成绝对URL。

     HTML页面头部定义基地网址:

    <base href=”http://网址名称”>

    在HTML页面中设置基底标记时不多于一个,放置的位置在头部以及任何包含URL地址的语句之前。

    <base href=”链接地址” target=”新窗口的打开方式”>  

<html>
<head>
<base href="http://www.baidu.com"target="_blank">
<title>基地网址标记</title>
</head>
<body>
<a href="../1.html">打开一个相对地址</a>
</body>
</html>
    

     4、页面主体标记:

    设置文字颜色:

     <body text=”颜色代码”

    背景颜色属性:  

    <body bgcolor=”颜色代码”>

    设置背景图像:

    <body background=”文字链接地址” bgproperties=”背景图片固定属性”>

   设置文字连接属性:

   <body link =”颜色代码”>    

<html>
<head>
<title>塞下曲</title>
<style type="text/css">
      body{background-repeat:no-repeat}
</style>
</head>
<body background="imagines1.jpg"bgproperties="fixed"text="#000000">
1 五月天山雪,无花只有寒.<br/>
2 笛中闻折柳,春色未曾看.<br/>
3 晓战随金鼓,宵眠抱玉鞍.<br/>
4 愿将腰下剑,直为斩楼兰.<br/>
</body>
</html>


     

       HTML的基本标记是HTML的重要基础组成部分之一,也是构成一个完整网页的基础,目前的学习知识对基础知识的初步总结,至于网页的基本结构及其工作原理还有待于在以后的实践中进一步加深理解。

         


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 22
    评论
评论 22
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值