前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML5笔记-(常用元素)

HTML5笔记-(常用元素)

作者头像
干货满满张哈希
发布2021-04-12 16:15:40
6990
发布2021-04-12 16:15:40
举报
文章被收录于专栏:干货满满张哈希

基本元素

代码语言: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>

一些通用属性

  1. contentEditable属性:true/false;可以将table,div等变为可编辑
  2. designMode属性:on/off;全局的contentEditable属性
  3. hidden属性:true/false
  4. 为input和textarea增加了spellcheck属性:true/false。
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016/07/04 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 基本元素
  • 文本格式化
  • 超链接和锚点
  • 列表
  • 图像
  • 表格
  • 一些通用属性
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档