Html学习之html的文件基本标记（1）

最新推荐文章于 2022-11-26 10:25:04 发布
最新推荐文章于 2022-11-26 10:25:04 发布
阅读量315 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ll444169487/article/details/50434185
版权
学习了html基本的结构，现在小编进入了html文件基本标记的学习！

　　html的头部标记

　　常用的标记有：

　　（1）<base>:当前基址

　　（2）<basefont>:设定基准的文字字体、字号和颜色

　　（3）<isindex>:表明该文档是一个可用于检索的网关脚本，由服务器自动建立

　　（4）<meta>：有关文档本身的元信息

　　（5）<style>:设定css层叠样式表的内容

　　（6）<link>设定外部文件的链接

　　（7）<script>设定页面中程序脚本的内容

以下开始一一介绍这些常用的标签

1.元信息标记

meta是一个单元素！不需要设置结束标记，它的属性有两种：name和http-equiv,name是用于描述网页，以便于搜索引擎查找和分类

1.1 设置页面关键字

ex:<meta name="keyname" content="具体的关键字">

以上这句代码的意思是网页的关键字属性名称是keyname，content是关键字的内容

1.2 设置页面描述

ex:<meta name="description" content="对页面的具体描述语言"

以上这句的意思是页面的描述，也就是页面具体的内容

1.3 设置编辑工具

ex:<meta name="generator" content="编译软件的名称">

1.4 设定作者信息

ex:<meta name="author" content="作者的姓名">

1.5 限制搜索方式

ex:<meta name="robots" content="搜索方式">

1.6 设置网页文字及语言

ex1:<meta http-equiv="Content-Type" content="text/html;charset=字符集类型">

ex2:<meta http-equiv="Content-Language" content="语言">

1.7 设置网页的定时跳转

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

ps：时间是以秒为单位的

1.8 设定有效期限

ex: <meta http-equiv="expires" content=“Wed, 14 septemeber 2011 16:20:20 GMT”>

1.9 禁止从缓存中调用

ex: <meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="pragma" content=" no-cache ">

2.0 删除过期的cookie

ex: <meta http-equiv="set-cookie" content="到期时间">

2.1 强制打开新窗口

ex: <meta http-equiv="windows-target" content="_top">

2.2 设置网页的过渡效果

ex: <meta http-equiv="过渡事件" content="revealtrans(duration=过渡效果持续时间,transition=过渡方式)">

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 
 5 <meta name="description" content="关于html使用" />
 6 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 7 <meta name="generator" content="Adobe Dw"/>
 8 <meta name="keywords" content="http"/>
 9 <meta name="author" content="Mr li"/>
10 <!-- 表示能搜索当前网页-->
11 <meta name="robots" content="index"/>
12 <title>我的meta</title>
13 <meta http-equiv="content-type"content="text/html";charset="utf-8"/>
14 <!--定时跳转-->
15 <meta http-equiv="refresh" content="2;url=http://www.baidu.com">
16 </head>
17 
18 <body>
19 <div id="first">
20 将要跳转
21 </div>
22 </body>
23 </html>

这是小编自己写的一个小例子！各位大神可检验下！

 

ll444169487
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
学习如何书写整洁规范的HTML标记
12-13
良好的HTML代码是一个漂亮网站的基础。当我教别人CSS的时候, 我总是首先告诉他们: 良好的CSS只存在于良好的HTML标记基础上。...大家学习的时候请参考着这两个文件。 1. 严格的 DOCTYPE 我们要做到这一点，只需要按正
html基础
kuangpeng1956的博客
01-22 2345
HTML HTML（HyperText Markup Language 超文本标记语言）是用于描述超文本中内容的显示方式。 超文本：是指页面中可以包含图片，视频，链接，程序甚至音乐等非文字元素。 标记 ：HTML用于描述功能的符号称为“标记” html的组成 HTML文档的基本格式： &amp;amp;amp;amp;amp;lt;!DOCTYPE HTML PUBLIC &amp;amp;amp;amp;quot;-//W3C//DTD HTML 4.01 Tran...
HTML文件基本标记
天下英雄谁敌手？曹刘
12-06 2330
HTML语言是一种文本类，依靠解释的方式执行的标记语言，HTML是Internet上用于编写网页的主要语言。HTML文件就是用HTML编写的超文本文件。          一个HTML文件由一系列元素和标签组成。元素是HTML文件的重要组成部分，包括文件、图像、和表格等。标签的作用主要是用来规定元素的属性和他在元素中所处的位置。        文件基本标记是HTML中的重要内容之一，主要包括头
HTML入门1-基本标签
Lexi_Alexander的博客
09-14 518
1.基本标签1.文档声明2.HTML标签3.head标签1.1 head标签 #1.1 HTML结构 <!DOCTYPE html> <!--文档声明--> <html> <head> <!-HTML标签对 页头html标签对--> </head> <body> <!-HTML标签对 页身html标签对--> </body> </html> 一个完整的HTML页面，其实就
html&css的简单了解
m0_50496669的博客
09-07 1198
html&css html： 常用的标签： div、p、ul li、ol li、h1-h6、a、span、b、u、i、input（属性text、number、password、radio、checkbox、submit、reset）、form、select>option、textarea h5(新标签）：header、nav、footer、main、section、video、audio、input（color、range、week、date） 标签的分类： 单双标签：单标签没有与之对
JavaWeb学习笔记（HTML语言）
a820619012的博客
09-15 235
HTML语言HTML语言HTML简介 HTML语言 HTML简介 全称为HyperText Markup Language,译为超文本标记语言，不是一种编程语言，是一种描述性的标记语言，用于描述超文本中内容的显示方式。比如字体什么颜色，大小等。 Html就是超文本标记语言的简写，是最基础的网页语言。 Html是通过标签来定义的语言，代码都是由标签所组成。 HTML的规范： 一个html文件开始标签和结束的标签 。例如： <html> </html> html包含两部分内容： 1
初学者接触HTML了解一些HTML标记(1)
01-19
初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个参考也是相当不错的！ 初学者接触HTML了解一些HTML标记,陆续介绍，可以帮初学者学习HTML，或者已经入门的朋友当作一个...
HTML表单标记教程(3):输入标记
12-13
HTML表单标记教程,这节主要讲解如何在网页中使用INPUT标记,主要介绍INPUT标记的属性的使用. 输入标记<input>是表单中最常用的标记之一。常用的文本域、按钮等都使用这个标记。 基本语法 01 <Form> 02 &...
HTML 基本语法 方便刚开始学习html的朋友
12-30
1.1一般标记　一般标记是由一个起始标记(Opening Tag)和一个...　标记之中还可以附加一些属性(Attribute)，用来完成某些特殊效果或功能。例如：,a2 v2,…,an=vn>受控文字</x>　其中，a1,a2,…,an为属性名称，而v1,v2,…
HTML减肥 精简HTML标记制作网页
12-12
通过 HTML 4 DTD，你可以省略以下标签（那些所谓可避免的元素，这里用删除线加以标记） </area> </base> <body> </body> <head> </head> <html> </html> &...
html完整教程(<html>标志用于Html文档的最前边，用来标识Html文档的开始。)
12-14
Html是英文 HyperText Markup Language 的缩写，中文意思是“超文本标志语言”，用它编写的文件(文档)的扩展名是.html或.htm，它们是可供浏览器解释浏览的文件格式。您可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名></标志名>来表示标志的开始和结束(例如<html></html>标志对)，因此在Html文档中这样的标志对都必须是成对使用的。在此教程中，我先讲一下Html的基本标志： 1.<html></html> <html>标志用于Html文档的最前边，用来标识Html文档的开始。而</html>标志恰恰相反，它放在Html文档的最后边，用来标识Html文档的结束，两个标志必须一块使用。 2.<head></head> <head>和</head>构成Html文档的开头部分，在此标志对之间可以使用<title></title>、<script></script>等等标志对，这些标志对都是描述Html文档相关信息的标志对，<head></head>标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。 3.<body></body> <body></body>是Html文档的主体部分，在此标志对之间可包含<p>、</p>、<h1>、</h1>、<br>、<hr>等等众多的标志，它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。<body>标志中还可以有以下属性：
HTML常用标记（超详解）
热门推荐
m0_52896041的博客
11-26 1万+
HTML常用标记（超详解）
HTML的基本结构及基本标签
B18325387728的博客
09-27 7540
html的基础结构及常用的基础标签学习分享
HTML总结
pickMe_的博客
09-09 263
HTML总结 一、HTML的定义 HTML，超文本标记语言，写给浏览器的语言，目前网络上应用最广泛的语言。HTML也在不断的更新，最新版本已经出现了HTML5。在HTML5中出现了许多新特性，也遗弃了一些旧元素。我们写好html文件后，在浏览器中打开。主流的浏览器包括IE、Firefox、Chrome、Goole等。 二、HTML标签元素 HTML元素由开始标签和结束标签组成。如<p>/<p>,<h1><h1/>。虽然现在我们还不知道具体标签代表的意思，但标签
html的基本标记组成,html的组成以及基本标签
weixin_30750685的博客
06-11 741
HTML：Hyper Text Markup Language(超文本标记语言)HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。head区域 网页的标题meta ---- head里面的meta 代表 "元信息",用来说明网页自身的信息,一般是给浏览器,搜索引擎看的，比如:--->告诉浏览器,这是一篇utf-8编码的文档-->这是告诉搜索引擎...
HTML文档标题标记有哪几种,HTML基本结构与常用标记.doc
weixin_39760295的博客
06-05 1130
附录A HTML基本结构与常用标记1 HTML简介我们在浏览器上看到的网页其实是HTML文件构成的,HTML是“Hypertext Markup Language(超文本标记语言”的英文缩写。它是一种可以在网上传输，并被浏览器认识和翻译成页面显示出来的文件。“超文本”是指页面内既可以包含文字，也可以包含图片、声音、视频、链接和程序等非文字的元素。尽管WWW仍然是HTML应用最多的地方，但是它还被...
HTML01之HTML基本知识和语法等
qq_45976736的博客
01-10 715
HTML基本知识 1.什么是html? HTML是HyperText Markup Language(超文本标记语言)的简写，不是一种编程语言，而是一种标记语言，用于告诉浏览器如何构造页面。由一系列HTML元素组合成Web开发人员想要的简单或者复杂的页面。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。HTML也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示...
HTML的基本标记
qq_51049931的博客
06-18 3109
一、HTML页面主体的常用设置
网页开发基础之HTML最常见的标记汇总
lxy18839756879的博客
08-31 7234
给大家总结收集了HTML中最常见的一些标签，这些也是学习前端最基础的必备知识，可以把他们给记下来。
编制html文件时不需要加入任何标记吗？
最新发布
05-24
编写 HTML 文件时，需要加入一些必要的标记，否则浏览器将无法正确解析和呈现页面内容。其中最基本的标记是 `<!...这个 HTML 文件包含了基本的结构和必要的标记，可以在浏览器中正确显示页面内容。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值