HTML 样式
HTML5中样式用style属性直接定义(另一种方案是使用CSS文件进行间接定义)
background-color 属性为元素定义了背景颜色:font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸:text-align 属性规定了元素中文本的水平对齐方式:
<html>
<body>
<h1 style = "background-color :pink;font-size:80px;text-align:center">我的第一个标题</h1>
<p style = "background-color :green;font-family:verdana;text-align:center">我的第一个段落。</p><br> <br/>
<img src="image.jpg" width="104" height="234"/>
</body>
</html>
本格式化标签
标签 | 描述 |
---|---|
<b> | 定义粗体文本。 |
<big> | 定义大号字。 |
<em> | 定义着重文字。 |
<i> | 定义斜体字。 |
<small> | 定义小号字。 |
<strong> | 定义加重语气。 |
<sub> | 定义下标字。 |
<sup> | 定义上标字。 |
<ins> | 定义插入字。 |
<del> | 定义删除字。 |
<s> | 不赞成使用。使用 <del> 代替。 |
<strike> | 不赞成使用。使用 <del> 代替。 |
<u> | 不赞成使用。使用样式(style)代替。 |
“计算机输出”标签
标签 | 描述 |
---|---|
<code> | 定义计算机代码。 |
<kbd> | 定义键盘码。 |
<samp> | 定义计算机代码样本。 |
<tt> | 定义打字机代码。 |
<var> | 定义变量。 |
<pre> | 定义预格式文本。 |
<listing> | 不赞成使用。使用 <pre> 代替。 |
<plaintext> | 不赞成使用。使用 <pre> 代替。 |
<xmp> | 不赞成使用。使用 <pre> 代替。 |
引用、引用和术语定义
标签 | 描述 |
---|---|
<abbr> | 定义缩写。 |
<acronym> | 定义首字母缩写。 |
<address> | 定义地址。 |
<bdo> | 定义文字方向。 |
<blockquote> | 定义长的引用。 |
<q> | 定义短的引用语。 |
<cite> | 定义引用、引证。 |
<dfn> | 定义一个定义项目。 |
HTML引用
短引用:浏览器会为<q> </q>中间的内容会加上引号
长引用:浏览器会为<blockquote> </blockquote>中间的内容进行缩进处理
HTML链接
使用标签<a>来设置链接,href设置链接地址属性,target属性定义被链接的地址在何处显示(设置target=“_top”可以用于跳出框架);id 属性可用于创建一个 HTML 文档书签,可以用于访问之前定义的id部分。
标签的 rel 属性用于指定当前文档与被链接文档的关系。(所以在a标签下添加rel="noopener noreferrer"可以防止钓鱼网站)
例:
<a href = "https://www.baidu.com/">访问百度首页</a>
<a href = "https://www.baidu.com/" target="_blank" rel ="noopener noreferror">访问百度首页</a>
<a id="tips">有用的提示部分</a><br><br><BR>
<a href="#tips">访问有用的提示部分</a>
扩展:用链接打开邮件
参数 | 描述 |
---|---|
mailto:name@email.com | 邮件接收地址 |
cc=name@email.com | 抄送地址 |
bcc=name@email.com | 密件抄送地址 |
subject=subject text | 邮件主题 |
body=body text | 邮件内容 |
? | 第一个参数分隔符 |
& | 其他参数分隔符 |
注:多个邮件地址用 ; 隔开,空格用 %20 代替。
例
<a href="mailto:2716078712@qq.com?cc=2716078723@qq.com&bcc=2716078723@qq.com&subject=哈哈哈&body=第一个邮件主题" rel="nofollow">发送邮件</a>
HTML头部
<head>元素包含了所有的头部元素标签,可插入脚本(scripts)、样式文件(CSS)、及各种mate信息
可添加在其中的元素标签:<title><style><link><script><nosciipts><base>
<title>元素
<title>元素的必须的,是显示在浏览器工具栏的标题
<base>元素
描述了基本链接地址
<link>元素
定义了文档与外部资源之间的关系,通常用于链接到样式表
<style>元素
定义了HTML文档的样式文件引用地址
<meta>元素
描述一些基本的元数据
<script>元素
用于加载脚本文件(Javascript)
例:
<head>
<meta name="keywords" content ="HTML,CSS,XML" charset="utf-8">
<title>一个网页</title>
<base href = "https://www.runoob.com" target="_blank">
<link rel="stylesheet" type="text/css" href="mystyle.css">
<link rel="shortcut icon" href="图片icong格式"><!-将图片转化为icon格式后可作为标题图标>
</head>
注:header 标签用于定义文档的页眉