HTML:是网页内容的载体,可以存放信息、图片、链接、视频等内容。
CSS:是网页的表现样式,在我看来是给HTML里的各种标签设置样式,使得网页更美观。
以下为HTML<body>体中常用的标签及其方法
一、HTML主要分为三部分:1、<html></html>;2、<head></head>;3、<body></body>;
4、<!--注释信息-->(html中的)或/*需要注释的文本*/(css中的)代码注释段,不会再网页中显示。相对来说比较独立,笔者认为放到此处比较合适
1、其组成样式为此
<html>
<head></head>
<body></body>
</html>
2、<head></head>;
(1)<title></title>标题栏中的信息,用来判断网页的主题,每个网页应有一个独一无二的title
(2)<meta charset="utf-8">
charset="utf-8"设置编码
(3)<style type="text/css"></style>设置样式
(4)<script type="text/javascript"></script>java脚本
3、<body></body>;
(1)<hx></hx>标题标签,x为1—6
分别对应一级标题...六级标题字体由大到小
(2)<p></p>段落标签
(3)<em><em> 强调可认为是斜体字样
(4)<strong><strong>强调可认为是加粗
(5)<span></span>设置单独样式,与结合使用eg:
<style>
span{
color: blue
}
</style>
此时span中的字体便会变为蓝色,当然<style></style>是放在<head>中
(6)<q>文本文本</q>引用作家的诗句,这是双引号。(7)<blockquote>文本文本</blockquote> 缩进样式呈现文本
(8)<br>换行标签,用此单标签换行
(9)  空格 显示空格,每输入一个则表示一个空格(10)<hr>分隔符标签,网页显示时该标签会化为一跳分隔符,用来分割网页、文章
(11)<address>文本文本</address>默认样式为斜体,后期可用css样式修改,一般添加地址
(12)<code>单行代码段</code>代码单行代码标签
(13)<pre>代码</pre>多行代码标签
(14)<ul>无序列表
<li></li>列表项
</ul>以点的形式开头,并标齐
(15)<ol>有序列表
<li></li>列表项
</ol>以序号的形式开头,并标齐
(16)<div></div>分块标签
<div id=""><div>
id属性用于标记该div,为此div的唯一标识,为以后再css中设置样式提供方便
(17)<table>表格标签
<tr>行属性
<th></th>表头标签,一般放在第一行
<th></th>可以放制多行
</tr>
<tr>
<td></td>表格标签
<td></td>放可以设制多行
</tr>
</table>
<table summary="表格简介文本">
<caption>表格摘要</caption>
(18)<a href="目标网址" title="鼠标停留时显示的文本" target="_blank">链接显示的文本(一般放目标网址)</a>标签
(1)href:"mailto:邮箱地址"自动调用邮箱程序,并自动填上收件人的地址
(2)href:"mailto:邮箱地址?cc=地址"以上加填写抄送地址
(3)href:"mailto:邮箱地址?bcc=地址"(1)加填上密件抄送地址
(4)href:"mailto:邮箱地址?subject=发送电子邮箱"添加邮件主题
(5)href:"mailto:邮箱地址?body=邮件内容"为邮件添加内容
第一个参数必须用?分割
若mailto后有多个属性,则用&分割
href:"mailto:邮箱地址?subject="主题"&body="内容"
(19)<img src="图片地址" alt="下载失败时替换的文本" title="提示文本">
图像可为GIF、png、JPEG格式,
src:指定图片的源
alt:当下载不成功时显示的文字
title:鼠标停留时显示的文字
2018年5月23日08:22:25
网友评论