HTML基础:基本标签简介(3)

html中有很多标签,下面介绍最基本的几个标签。


1、meta

是head标签中的一个辅助性标签。

有2个重要属性:

(1)name

可以优化页面被搜索到的可能性。name中可以指定属性,content是属性值。

 

<html><head><meta name="keywords" content="python,编程"><!- 搜索引擎的关键字说明 -><meta name="description" content="学习python编程"><!- 搜索引擎说明主要内容 -><meta name="generator" content="python.exe"><!- 向页面说明生成的软件 -><meta name="author" content="yupeigu"><!- 向页面说明作者 -><meta name="robots" content="all"><!- 向页面说明限制搜索的方式 -></head>
</html>

 

(2)http-equiv

反馈给浏览器一些明确的信息,帮助浏览器更加精确的显示页面,会把content属性关联到http头。

 

<html><head><meta http-equiv="content-type" content="text/html; charset=gb2312"></head>
</html>

说明了这个页面使用的字符集是gb2312,如果浏览这个网页时,电脑中么没有gb2312字符集,浏览器会提示需要下载 汉语支持。

 

另外,http-equiv还有一些特殊的效果,下面代码可以实现网页定时跳转:

<html><head><title>网页跳转</title><meta http-equiv="refresh" content="6; url=http://www.baidu.com"></meta></head><body>6秒后,网页会自动跳转到 www.baidu.com ...</body>
</html>

效果就像在网页中显示的一样,http-equiv设置为刷新,内容是6秒钟,要刷新到 百度首页。


 

2、link

给页面定义了一个外部文件的链接,可以用来链接外部的css样式,比如:

 

<html><head><link rel="stylesheet" type="text/css" href="/html/csstest1.css" ></head>
</html>

其中rel属性指出被链接的文档是一个样式表,类型是css,链接是文件: /html/csstest1.css


 

3、base

定义页面所有链接的基础定位,确保文档中所有的相对url,都能分解成正确的文档地址:

 

<html><head><base href="http://blog.csdn.net/"><base target="_blank"></head><body><a href="sqlserverdiscovery/">我的blog</a></body>
</html>

 

点击超链接,就会跳转到 我的csdn博客,base标签类似于基础路径,合并之后就是:http://blog.csdn.net/sqlserverdiscovery/

另外,target属性指定了在何处打开这个链接,_blank就是弹出新的网页,而不是在当前网页中显示。


4、style

style定义css样式,比如:

 

<style type="text/css">.style1 {font-size: 20px;font-weight: bold;color: #FFFFFF;}
</style>

 

上面定义了class属性值为 style1的标签的样式,包括:文字大小,粗体,字的颜色。


5、script

用来定义页面中的脚本,比如:javascript脚本,通过这个标签就可以放到html中:

 

<script type="text/javascript">
</script>


6、title

title用来定义网页的标题,也就是网页的名字,如果不定义,就显示Untitled Document。

 

<!DOCTYPE html>
<html><head><title>网页的名字</title></head>
</html>


7、body

 

body标签定义了网页主体内容的开始、结束,也就是大家在浏览器中看到的网页内容,另外,大部分的标签都能放到body标签中。

 

<!DOCTYPE html>
<html><head><title>网页的名字</title></head><body>这里是网页的内容,是网页的关键。</body>
</html>


 

转载于:https://www.cnblogs.com/momogua/p/8304379.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/371745.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java 字符码_Java字符编码

编码原理介绍(中文编码杂谈)&#xff1a;int -> byte可以直接使用强制类型转换: byte b (byte) aInt;这个操作是直接截取int中最低一个字节&#xff0c;如果int大于255&#xff0c;则值就会变得面目全非了byte -> int这里有两种情况&#xff0c;一种是要求保持值不变&am…

重新登录:重新登录

嗨&#xff0c;我再次回到日志中来&#xff0c;这是任何应用程序设计和开发的固有部分。 我是坚强的基础知识的忠实拥护者&#xff0c;在我的拙见中&#xff0c;日志记录是任何企业级应用程序中经常被忽略但基本的关键要素之一。 我已经写在此之前这里 。 为了理解当前文章&…

eclipse 下使用git clone

方法一&#xff1a;eclipse安装好git插件后&#xff0c;直接import-git-project from git- clone url-输入github的网址等就可以了方法二&#xff1a;使用git软件&#xff0c;到指定的目录&#xff0c;右击git bash here&#xff0c;git clone 加带有网址的文件.git,如&#xf…

linux -unrar解压缩

解压缩命令unrar的使用&#xff1a; $unrar --help用法: unrar <command>-<switch 1> -<switchN> <archive><files...><listfiles...><path_to_extract\><命令>e 解压文件到当前目录l[t,b] 列出压缩文档信…

终极JPA查询和技巧列表–第3部分

在阅读第三部分之前&#xff0c;请记住本系列的第一部分和第二部分 JPA&#xff1a;通过查询创建对象 JPA允许我们在查询内创建对象&#xff0c;并带有所需的值&#xff1a; package com.model;public class PersonDogAmountReport {private int dogAmount;private Person pe…

分治1--二分查找

分治1--二分查找 一、心得 二、题目和分析 三、代码和结果 1 #include <iostream>2 using namespace std;3 int a[10]{1,2,4,5,7,8,9,10,13,20};4 5 6 //非递归 7 int find(int i){8 int l0,r9;9 int mid(lr)/2; 10 while(l<r){ 11 mid(lr)/2; 12…

隐式意图启动一个Activity

隐式意图是通过指定一组动作或者属性实现&#xff0c;主要用于跨应用使用。 1.创建一个意图对象 Intent intent new Intent();2.设置意图过滤器 intent.setAction("android.intent.action.testActivity"); //对应于action intent.addCategory("android.intent.…

Spring自定义命名空间

Spring自定义命名空间提供了一种很好的方式来简化用于描述Spring应用程序上下文的bean定义的xml文件。 这是一个相当古老的概念&#xff0c;最初是在Spring 2.0中引入的&#xff0c;但值得不时地进行审查。 考虑一种情况&#xff0c;必须为没有自定义名称空间的Spring MVC应用程…

java二叉树代码_JAVA语言实现二叉树生成的代码教程

本文主要向大家介绍了JAVA语言实现二叉树生成的代码教程&#xff0c;通过具体的内容向大家展示&#xff0c;希望对大家学习JAVA语言有所帮助。给定某二叉树三序遍历中的两个&#xff0c;我们即可以通过生成该二叉树&#xff0c;并遍历的方法&#xff0c;求出剩下的一序&#xf…

一个回到顶部的锚点

一般网站的右下角都会有一个回到顶部的锚点&#xff0c;但是在没有学bootstrap的时候&#xff0c;我还是会想着用定位来做这个东西&#xff0c;但是现在用bootstrap来做的&#xff0c;所以将它记录下来。 <!DOCTYPE html><html> <head><title>附加导航…

jquery jgrid filterToolBar beforeSearch 修改postData

beforeSearch: function() { var posted_data $("#mygrid").jqGrid(getGridParam,postData); posted_data ["testp"]"helloTest"; }转载于:https://www.cnblogs.com/qiumingcheng/p/7141671.html

预告片:裸指关节SOA

我正在研究这个想法&#xff0c;但我不知道它是否对你们有吸引力。 我想就您是否需要进一步探讨提出您的意见。 达成协议&#xff1a;我遇到过一些团队&#xff0c;他们在使用SOA技术时由于其工具的复杂性而陷入泥潭。 我只在Java中看到过这种情况&#xff0c;但是我从一些C&am…

网页转图片 java_java-网页转图片

对比了网上常用的好几种网页转图片的开源插件&#xff0c;最后效果还不如使用原生的java直接写来得好&#xff0c;上代码&#xff0c;很简单&#xff0c;中间需要考虑网页加载延迟的问题&#xff0c;所以需要加上thread.sleep&#xff0c;休眠一下等待网页加载完成了&#xff0…

开一个新坑吧

每天读读日志 给自己动力 开个新坑&#xff08;外星殖民&#xff09; 无聊时写一写 转载于:https://www.cnblogs.com/dandansang/p/7143489.html

JMX和Spring –第1部分

这是三篇文章的第一篇&#xff0c;这三篇文章将展示如何通过JMX支持为Spring应用程序赋能。 Maven配置 这是用于设置此示例代码的Maven pom.xml&#xff1a; <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://www.w3.org/2001/XMLSche…

maven exclude java_java – Maven:从shade插件中排除依赖项

我在mvn clean install之后看过下一个字符串Including com.sun.jersey.contribs:jersey-multipart:jar:1.5 in theshaded jar问题&#xff1a;即使我已经为maven-shade-plugin添加了exlusion,我也无法使它没有阴影(参见下面的代码)我的maven-shade-plugin&#xff1a;org.apach…

JMX和Spring –第3部分

本文是本系列的最后一篇。 看一下第1 部分和第2部分 。 在本系列的最后一篇文章中&#xff0c;我将展示如何在JDK中使用本机JMX支持来实现一种通知机制&#xff0c;该机制可以在HEAP内存超过特定阈值时向侦听器发出警报。 正如我在上一篇文章中讨论的那样&#xff0c;这种方法…

QScrollArea不能显示滚动条

转载请注明出处&#xff1a;http://www.cnblogs.com/dachen408/p/7147141.html 问题&#xff1a;QScrollArea不能显示滚动条 解决方案&#xff1a;设置QScrollArea->setWidgetResizeable&#xff08;false&#xff09;解决问题。 例子&#xff1a; ui.scrollArea->setWi…

java婚庆网站源码_基于jsp的婚庆网站-JavaEE实现婚庆网站 - java项目源码

基于jspservletpojomysql实现一个javaee/javaweb的婚庆网站, 该项目可用各类java课程设计大作业中, 婚庆网站的系统架构分为前后台两部分, 最终实现在线上进行婚庆网站各项功能,实现了诸如用户管理, 登录注册, 权限管理等功能, 并实现对各类婚庆网站相关的实体进行管理。该婚庆…

JQuery实现的模块交换动画效果

<!doctype html> <html><head><meta http-equiv"content-type" content"text/html;charsetutf-8" /><title>JQuery实现的模块交换动画效果</title><meta name"Keywords" content"jquery&#xff0c…