HTML5笔记-（常用元素）

基本元素

代码语言：javascript复制

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

文本格式化

代码语言：javascript复制

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

超链接和锚点

代码语言：javascript复制

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


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


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

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

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

列表

代码语言：javascript复制

<ul>
  <li>aaali>
  <ol><li>11li>ol>
<li>aaali>
  <ul><li>11li>ul>
ul>

图像

代码语言：javascript复制

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

表格

代码语言：javascript复制

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

一些通用属性

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

contenteditable hidden input table textarea

0 人点赞