HTML入门笔记1
@ EatFog · Thursday, Apr 23, 2020 · 1 分钟阅读 · 更新于 Apr 23, 2020

上周刚刚搞定HTML的入门部分,今天补一下笔记

HTML 是谁发明的

  • HTML是由Berners-Lee发明的,他发明了WWW以及HTML、HTTP和URL,是咱们的祖师爷

写一个HTML基本的起手式

<!DOCTYPE html><!--文档类型-->
<html lang="en"><!--lang是语言-->
<head>
    <meta charset="UTF-8"><!--字符编码类型-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"><!--禁止缩放,兼容手机-->
    <meta http-equiv="X-UA-Compatible" content="id=edge"> <!--ie使用最新内核-->
    <title>HTMLpage</title><!--标题-->
</head>
<body>
    <p>HTML content</p><!--内容基本都在body中展示-->
</body>
</html>

章节标签

  • h1~h6:标题
  • section:章节
  • article:文章
  • p:段落,最常用的文本标签
  • header:头部标签,一般都是网站的头部通用的元素的标签
  • footer:脚步标签,一般都是网站的脚步通用的元素的标签
  • main:主要内容
  • aside:旁支内容
  • div:块元素,一个HTML中最重要的元素,一般可以当任何元素的爹(包括div自己)

全局属性

  • class:类,用于js选择元素和css设置样式
  • contenteditable:元素可编辑
  • hidden,元素不可见,类似display:none
  • id,可设置为元素的唯一标识,但是html无法确认元素id唯一性
  • style。直接在标签中设置html样式属性,优先级最高
  • tabindex,规定元素的 tab 键控制次序
  • title,用户鼠标在元素上时候出现的文本提示

内容标签

  • p:段落标签
  • ol(orderlist):有序列表,子元素li
  • ul:无序列表,子元素li
  • dl:描述列表,dt表述对象,dd描述内容
  • 多个空格/tab/回车在页面里=一个空格
  • pre:保留空格
  • code:等宽,写代码用
  • hr:分隔线
  • a:超链接
  • br:换行
  • em&strong:文本重点

默认样式

  • 在写页面前加上一系列的默认样式
  • table原样式贼丑
  • margin和padding:0是必须的
  • text-decoration:none,a的下划线不行
  • list-style:none;原来的也不行
  • 都放到一个css里面,直接link调用
tag1
Save as image

自我介绍

Hi!我是蒋俊杰

你也可以叫我EatFog

这是我的第一个blog

社交链接