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 表块级引用
  • 相关阅读:
    李超线段树 [Heoi2013]Segment
    [置顶] 九月半集训总结
    [置顶] 我想学学
    图论+前缀和 任(duty)
    模拟 飞(fly)
    入坑 可持久化线段树——主席树
    一次爆炸的联考
    HASH+平衡树 [JSOI2008]火星人prefix
    乱搞+STL平衡树 序列
    数学+图论 建造游乐场
  • 原文地址:https://www.cnblogs.com/silent-cat/p/13942840.html
Copyright © 2011-2022 走看看