html

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

标题

共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 />

注释

<!-- xxxx -->

样式

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
原创粉丝点击