HTML入门笔记

1、HTML的发明者

HTML 的全名是“超文本标记语言”(HyperText Markup Language),上个世纪90年代由欧洲核子研究中心的物理学家蒂姆·伯纳斯-李(Tim Berners-Lee)发明。通过发明HTML,他为我们今天所认识的万维网奠定了基础它的最大特点就是支持超链接,点击链接就可以跳转到其他网页,从而构成了整个互联网。

2、HTML起手式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>html笔记</title>
</head>
<body>
    hello world!
</body>
</html>

3、常用的章节标签

标签名含义标题含义
h1~6标题div分块
section章节aside旁支
article文章main主体
header头部footer尾部

4、常用的内容标签

  • ol + li :无序列表
  • ul + li:有序列表
  • dl +dt +dd :详细列表
    • dl: 一组术语的列表(description list)
    • dt: 术语名(description term)
    • dd:术语解释(description detail)
  • pre :保留原来的格式(preformatted),浏览器会保留该标签内部原始的换行和空格,并且默认以等宽字体显示标签内容。
  • code :表示标签内容是计算机代码,浏览器默认以等宽字体显示。
    注意:code 标签本身仅代表一行代码,如果想要多行代码,通常与 pre 标签连用。
  • hr : 水平分割线(自闭合标签),浏览器默认渲染为一条水平线
  • br : 换行(自闭合标签)
  • strong : 表示内容本身的重要性, 浏览器默认渲染样式为(默认加粗
  • em :表示语气的强调(emphasize),浏览器的默认渲染样式是斜体
  • quote :引用(行内元素)
  • blockquote :引用(块级元素)

5、全局属性

  • class:类标签
  • contenteditable : 网页元素可编辑
  • hidden:隐藏标签
  • id:唯一,但是使用两次不会报错,谨慎使用
  • tabindex:用tab键选择页面元素,值为1表示第一个访问,值为0表示最后一个访问,值为-1表示不访问
  • title:移上鼠标显示完整内容
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值