HTML5笔记-（常用元素）

最新推荐文章于 2023-11-09 20:14:07 发布

l_blackeagle

最新推荐文章于 2023-11-09 20:14:07 发布

阅读量292

点赞数

分类专栏： java html5 文章标签： html5

java 同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

html5

2 篇文章 0 订阅

订阅专栏

文件格式化

<html>:根元素，允许省略
<head>:允许省略
    <title>:标题
<body>
<style>引入样式定义
<h1~h6>
<p>段落
<br>换行
<hr>水平线
<div><span>换行与不换行的节

基本元素

<b>加粗
<i>斜体
<em>强调
<small>小
<sup>上标
<sub>下标

超链接和锚点

<a href="scheme://host.domain:port/path/filename">xxx</a>
scheme->一般是http
host:在http中默认为www


<a target="?">xxx</a>
?->_slef,_blank,_top,_parent（代表用本窗口，新窗口，顶级框架，父级框架打开）


<a href="xxx" media="">xxx</a>
media->指定href才有效，默认为all

#锚点：
<a name="bookmark1">锚点1</a>

<a href="xxx.html#bookmark1">定位到锚点1</a>

列表

<ul>
  <li>aaa</li>
  <ol><li>11</li></ol>
<li>aaa</li>
  <ul><li>11</li></ul>
</ul>

图像

<img .../>
1.src
2.alt:指定一段文本作为提示信息
3.height:百分比或者像素值
4.width
5.map，area：划分区域，超链接

表格

<table style="background-color: black;
    border-collapse: separate;
    border-spacing: 1px;">
    <caption><i>我的Table</i></caption>
    <colgroup style="background-color: white;">
        <col style="width:160px" />
        <col span="2" style="width:100px" />
    </colgroup>
    <thead style="text-align: left;">
        <tr>
            <th>id</th>
            <th>name</th>
            <th>class</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td colspan="3" style="text-align: right">现总计：2个人</td>
        </tr>
    </tfoot>
    <tbody style="text-align: left;">
        <tr>
            <td>1</td>
            <td>hash</td>
            <td>1</td>
        </tr>
        <tr>
            <td>2</td>
            <td>zhx</td>
            <td>1</td>
        </tr>
    </tbody>
</table>

一些通用属性

contentEditable属性：true/false;可以将table,div等变为可编辑
designMode属性：on/off;全局的contentEditable属性
hidden属性：true/false
为input和textarea增加了spellcheck属性：true/false。