当前位置 博文首页 > 爱新觉罗?炒饭的博客：＜head＞标签中之＜base＞＜meta＞＜style
HTML base 标签用法以及相关属性详解
HTML meta 标签用法以及相关属性详解
HTML link 标签用法以及相关属性详解
HTML style 标签用法以及相关属性详解
测试代码如下
<!DOCTYPE html>
<html>
<head>
<title>标签运用</title>
<!--①：<base>标签可以为该网页上所有超链接同意设置打开方式，属性target="_blank"
指的是该网页文档中所有未指定打开方式的超链接将在新窗口打开-->
<base target="_blank"/>
<!--②：<base>标签用于为页面上所有的链接设置默认URL地址或目标target。当HTML5文档使用了相对路径时，
浏览器会用<base>标签指定的URL进行补全-->
<base href="C:\Users\luchaofan666\Desktop\web文件\ch02HTML5基础\ch02HTML5\image\"/>
<!--③：<meta>关于字符集的声明，这行语句表示当前文件HTML文件使用的字符集时UTF-8编码格式-->
<meta charset="utf-8"/>
<!--④：<meta>关于关键词的声明，定义网页关键词的用法如下-->
<meta name="keywords"content="HTML5,CSS3,jQuery"/>
<!--⑤：<meta>关于页面描述的神明，定义页面描述(discription)的用法如下-->
<meta name="discription"content="This is a tutorial about HTML5,CSS3,jQuery"/>
<!--⑥：<style>用于定义文档中指定区域的字体风格、背景颜色、对齐方式等各类样式信息
下面是定义了一个p(段路)字体颜色为粉色-->
<style>
p{color:pink};
</style>
<!--⑦：<link>用于连接外部资源和当前HTML5文档，只出现在首部标签<head>和</head>里，
通常用于连接外部样式表,如果需要同时引用多个外部样式表文件，则需要为每个CSS文件单独使用一次<link>标签-->
<link rel="stylesheet"href="my.css">
</head>
<body>
<!--①-->
<a href="https://www.baidu.com">百度</a>
<!--②-->
<img src="starrynight.jpg"/>
<!--⑥：下面这段将显示为粉红色-->
<p>“我感到未尝经验的无聊，是自此以后的事。我当初是不知其所以然的;后来想，凡有一人的主张，得了赞和，是促其前进的，得了反对，是促其奋斗的，独有叫喊于生人中，而生人并无反应，既非赞同，也无反对，如置身毫无边际的荒原，无可措手的了，这是怎样的悲哀呵，我于是以我所感到者为寂寞。”</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title><link>的使用</title>
<link rel="stylesheet" href="my.css">
</head>
<body>
<p>这是一段文字</p>
</body>
</html>
运行结果界面如下
