zoukankan      html  css  js  c++  java
  • 从头学习HTML1

    一、HTML概述

    HTML(HyperText Markup Language——超文本标记语言),是由发明了www(万维网)、url和http的Tim Berners-Lee所创造的,其用途主要是定义了网页的结构与含义

    二、初始化HTML

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
    </body>
    </html>
    

    三、常用的表章节的标签

    • header 头部
    • h1-h6 标题
    • section 章节
    • article 文章
    • main 主要内容区
    • aside 侧边栏|标注框
    • footer 页脚
    • p 段落

    四、全局属性(所有标签都有)

    • class 类名
    • contenteditable 可直接编辑页面内容
    • hidden 隐藏内容
    • id id名,唯一值,尽量少写id
    • style 样式书写
      可将style移动到body中,将display设置为block,可将样式显示到页面上,在style加上contenteditable,在线编辑样式可直接改变页面效果
      示例
    • tabindex 控制tab选中的顺序 可以是正数 不必连续,0表示最后访问,-1表示不可访问
    • title 显示完整内容

    五、内容标签

    • ol+li 无序列表
    • ul+li 有序列表
    • dl+dt+dd dt:被描述的对象 dd:描述内容
    • pre 保留所有空格
    • code 使字体等宽(默认使行内元素),常使用pre包裹code生成代码段
    • br 换行
    • hr 下划线
    • a 超链接(默认从当前页面打开链接的网页,加上target="_blank"后,从新窗口打开)
    • em 表语气强调(默认为斜体字体效果)
    • strong 表内容的重要性(默认为加粗字体效果)
    • quote 表行内引用
    • blockquote 表块级引用
  • 相关阅读:
    dp,路径保存,最大公共上升子序列——ZOJ
    简单dp——HDU
    扫描线,线段树,离散化——HDU
    c++版本的opencv3.4.1里分类器输出值异常
    win10家庭版openssh连接远程服务器显示connetion reset
    生活感悟一
    Teradata简介
    kettle 无法正常启动问题
    kettle实现同构单表增量同步
    kettle数据库连接使用变量
  • 原文地址:https://www.cnblogs.com/silent-cat/p/13942840.html
Copyright © 2011-2022 走看看