HTML和CSS

HTML和CSS的关系:
HTML:网页内容的载体
CSS:网页的外衣
JavaScript:实现网页上的特效效果(如鼠标滑过下拉菜单、图片的轮换)
HTML注释:<!–内容–>
HTML标签:
<html></html>文档开始标签
<head></head>头标签,描述了文档的各种属性和信息,内容不会显示给读者
<title>标题内容</title> 标题显示在浏览器的标题栏
<style></style>样式标签,渲染页面元素
<script></script>js标签,处理与浏览器交互或动画显示
<body></body>体标签,内容显示给读者
<p>段落内容</p>段落标签,会以缩进开始
<h1>文章标题</h1>(h2,h3,h4,h5,h6)分级标题标签,内容为文章标题,字体大小递减
<strong></strong> <em></em>强调标签,具有加强语气的语义,strong更强烈,strong粗体em斜体
<span></span>没有什么语义,为文字设置单独的样式
<q></q>短引用标签,为标签内容自动添加引号
<blockquote></blockquote>长引用标签,引用长句
<br />换行标签(HTML文档中使用空格键或回车键键入多个空格都会被视为一个空格)
&nbsp空格符,需要键入多个空格&nbsp&nbsp
<hr />添加水平横线
<address></address>地址标签,用法如:
公司地址:<address>某某某某某某</address>
<code></code>代码标签,只能一行,
<code>var n = 0;
<pre></pre>预显示标签, 自动加入换行符he空格符,按照HTML文档中的格式直接显示出来,如想加入多行代码:
<pre>
for (int i: nums){
i++;
System.out.println(i);
}
</pre>
<ul>
<li></li>
<li></li>
</ul>无序列表标签,li标签内容是列表元素
<ol>
<li></li>
<li><li>
</ol>有序列表标签
<div></div>容器标签,内容是一组独立相互关联的元素,如网页导航栏。给div标签用id属性命名<div id=“container”></div>,逻辑更加清晰。
<table>
(<tbody>)
<tr>
<th>
</tr>
<tr>
<td></td>
</tr>
(</tbody>)
</table>表格标签,tr表格一行标签,里面th内容是表格中的单元格标题,td是单元格标签,加入tbody标签,则tbody标签包含行的的内容下载完优先显示不会等待整个表格下载完再显示,默认没有单元格的线,用CSS样式添加样式
<style>
table tr th,ed{border: 1px solid #000;}
</style>
表格示例
table的summary属性可以为表格添加概括表哥的内容
<caption></caption>表格标题标签,为表格添加标题如:
<table summary=“这个表格描述了某某的成绩”>
<caption>某某的成绩表</caption>
</table>
<a href=“link url”>链接显示的文本链接标签
target属性设为"_blank"会在新窗口打开链接
target属性设为"_self"会在本地窗口打开链接
target属性设为"_top"会在顶层框架打开链接
target属性设为"_parent"会在父框架打开链接
a标签还能链接到邮箱地址
使用mailto链接到email
抄送:抄送就是将邮件同时发送给收信人以外的人,用户所写的邮件抄送一份给别人,对方可以看见该用户的E-mail,即收件人和抄送人可互相看见,但看不见密送人。
密件抄送:和抄送的唯一区别就是它能够让各个收件人无法查看到这封邮件同时还发送给了哪些人,密送人可看见除密送人外的所有人。
mailto后有多个参数:
mailto示例
<img src=“图片地址” alt=“下载失败时的替换文本” title=“提示文本” />图片标签, src标识图像位置,alt当图像不可见时,指定图像的描述性文本, title指定图像可见时鼠标滑过图片时显示的文本,图像可以是GIF,PNG,JPEG格式的图像文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值