html

来源：互联网发布：les聊天软件编辑：程序博客网时间：2024/06/16 08:02

标题

共6级标题标签
<h1><h2><h3><h4><h5><h6>

段落

浏览器会在自动地在段落的前后添加空行。
<p>

链接

<a href="url">

name属性

对读者不可见，可用id代替
可通过href=“#xxx”进行引用点击后跳到目标处或者目标网页

图片

<img src="url" width="100" height="100">

alt属性

图片无法加载时用alt属性里的文字替换

换行

<br />

body

<body> html文档主体

html

<html> 代表整个html文档

html属性

以键值对形式出现
例如href属性
<a href="url">link</a>
属性参考手册

水平线

<hr />

注释

样式

css
<h2 style="">

格式化

<b>     粗体文本<big>    大号字<em>    着重文字<i>    斜体字<small>    小号文字<strong>    加重语气<sub>    下标字<sup>    上标字<ins>    插入字<del>     删除字<code>    代码<khd>    键盘码<samp>    计算机代码样本<var>    变量<pre>    预格式文本<abbr>    缩写<acronym>    首字母缩写<address>    地址<bdo>    文字方向<blockquote> 长引用<q>    段引用<cite>    引用，引证<dfn>    项目

表格

<table> 标签内代表一个表格
- border属性等于1时显示边框
- cellpadding 单元格边距
- cellspacing 单元格间距
- background=”url“ 表格背景图片
- bgcolor 表格背景色
- align 文字靠左靠右居中
- frame
- box 四面边框
- above 上面单边框
- below 下面单边框
- hsides 上下边框
- vsides 左右边框

<tr> 标签内代表一行
<th> 标签内装表头
<td> 标签内装数据，表格内可以添加标签如

等
<caption> 表格标题
<thead> 表格页眉
<tbody> 表格主体
<tfoot> 表格页脚
<col> 表格列的属性
colgroup 表格列的组

列表

无序表

<ul>    <li></li>    <li></li></ul>

有序表

<ol>    <li></li>    <li></li><ol>

定义列表

<dl>   <dt>计算机</dt>   <dd>用来计算的仪器 ... ...</dd>   <dt>显示器</dt>   <dd>以视觉方式显示信息的装置 ... ...</dd></dl>

div

文档中分区

span

组合文档内行内元素，一般与css一同使用，添加样式

class属性

调用css样式，可在div和span中使用

html布局

header
文档或节的页眉
nav
导航链接的容器
section
文档的节
article
独立的自包含文章
aside
内容之外的内容，比如侧栏
footer
定义文档或节的页脚
details
额外的细节
summary
details元素的标题
以上可通过等定义样式

框架

<frameset>    <frame src="">    <frame src=""></frameset>

rows属性
竖直排列属性值为各个frame的比例用”，“间隔（百分比表示）
cols属性
水平排列属性值为各个frame的比例用”，“间隔（百分比表示）
noresize属性
当该属性值为noresize时各个框架不能拖动
frame不能和body同时使用
可以为不支持框架的浏览器使用noframes标签，该标签里可添加body
多个<frameset>可以嵌套使用

内联框架

<iframe src="URL">
- width属性
- height属性
可用数值（像素）或者百分比来表示
- frameborder属性
为0时没有边框
- target属性
引用目标框架的name，在目标框架显示指定html

背景

bgcolor属性
设置颜色
background属性
设置图片
以废弃，建议使用css

阅读全文

0 0