html,基础'标签'总结

<!-- 注释语句 -->
<!-- 基本格式 -->
<!DOCTYPE html>
<html>
<head>
    <!-- 网页名称,显示在标签页上 -->
    <title></title>
</head>
<body>
    <!-- 一般语句都写在body之中 -->
</body>
</html>
<!-- 段落文本 -->
<p> </p>

<!-- 标题,x为数字,有一级标题,二级标题... -->
<hx> </hx>

<!-- 斜体 -->
<em> </em>

<!-- 加粗 -->
<strong> </strong>

<!-- 没有语义,只是为了设置成单独的样子 -->
<span> </span>
<!-- 
一般在<title></title>下,加入<style></style>
然后在<style></style>之间,加入span{}
{}中,可以加入一些颜色之类的修饰<span></span>之间的语句
-->

<!-- 引用文本(短),会自动加入双引号,作用是引用他人的话 -->
<q> </q>

<!-- 引用文本(长),两头会自动添加缩进 -->
<blockquote></blockquote>

<!-- 回车 -->
<br />

<!-- 空格键 -->
&nbsp;

<!-- 输入一横线,分隔符 -->
<hr />

<!-- 地址,默认斜体 -->
<address></address>

<!-- 代码(短) -->
<code></code>

<!-- 代码(长) -->
<pre>

</pre>
<!-- 排版、布局,id不加也不会报错,加上id是为了标识,必须性与唯一性 -->
<div id="版名称"></div>

<!-- 添加信息列表,网页会在li前显示小黑点 -->
<ul>
    <li></li>
    <li></li>
    ...
</ul>

<!-- 添加有序列表,默认从 1 开始 -->
<ol>
    <li></li>
    <li></li>
    ...
</ol>

<!-- 表格 -->
<table>             <!-- 以此为标记,表开始与后面的表格结束 -->
    <tbody>         <!-- tbody可以使表全部加载完之后,再显示出来 -->
    <tr>            <!-- 表示表格的一行,有几对,算几行 -->
        <th></th>   <!-- 表格头部单元格,表格表头 -->
    </tr>
    <tr>
        <td></td>   <!-- 表示一行有几列,越多对,越多列 -->
    </tr>
    </tbody>
</table>

<!-- 表格加边框(css可以修饰) -->
<style type="text/css">
table tr td,th{border: 1px solid #000;}
</style>

<!-- 表格摘要 -->
<table summary="">  <!-- 不显示在网页上,内部标识 -->
<caption> </caption>    <!-- 显示在网页上,在table下加入 -->

<!-- 插图 -->
<img src="图片地址" alt="下载失败替换的文本" title="鼠标滑过显示的文本" />
<!--
格式支持:GIF、PNG、JPEG
还可以加入 width="number" height="number" 调整尺寸
-->
<!-- 超链接 -->
<a href="目标网址" title="鼠标滑过显示的文本">显示在网页上的文本</a>
<!-- 在新页面打开的连接 -->
<a href="目标网址" target="_blank">显示在网页上的文本</a>

<!-- 邮件发送 -->
<a href="mailto:email ? cc=email & bcc=email & subject=主题 & body=邮件内容">显示在网页上的连接(比如:发送)</a>
<!-- 
mailto后面是收件人地址,cc后面是抄送地址,bcc后面是密件抄送地址
mailto:后面有多个参考时,第一个必须要用"?"开头,后面每一个用"&"分开
如果有多个email之间可以用分号";"隔开 
-->
<!-- 注意,同时多种样式,可以在style中使用分号';'隔开 -->
<!-- 背景色 -->
<body style="background-color:颜色名称(如:yellow)"> </body>
<hx style="background-color:颜色名称(如:yellow)"> </hx>
<p style="background-color:颜色名称(如:yellow)"> </p>

<!-- 字体和样式 -->
<hx style="font-family:字体(如:Monaco)"> </hx>
<p style="font-family:字体;color:颜色;font-size:10px;"> </p>

<!-- 文本对齐 -->
<hx style="text-align:center"> </hx>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值