HTML(二)

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 标签用于定义文档的页眉

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值