从头学习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 表块级引用
原文地址:https://www.cnblogs.com/silent-cat/p/13942840.html