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 表块级引用
  • 相关阅读:
    Ionic Android开发环境搭建 下
    Ionic Android开发环境搭建 上
    百度地图API 简单使用
    json2.js 的使用
    第三回 Bootstrap3.x 起步
    第二回 认识CDN
    WPF 实现的等待效果界面
    AutoFac使用
    SQL语句优化
    MySQL索引的使用
  • 原文地址:https://www.cnblogs.com/silent-cat/p/13942840.html
Copyright © 2011-2022 走看看