HTML入门笔记1

推荐参考学习 HTML 教程 - 网道

1.HTML简介

HTML 的全名是“超文本标记语言”(HyperText Markup Language),由蒂姆·伯纳斯-李(Tim Berners-Lee)发明

2.HTML 起手

<!DOCTYPE html>   <!- 声明这是一个html类型的文档 ->
<html lang="zh-CN">   <!- zh:中文,CN:中国,因为还有其他地区的中文 ->

<head>
    <meta charset="UTF-8">  <!- 字符集 ->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">   <!- 让viewport的宽度等于设备的宽度 ->
    <meta http-equiv="X-UA-Compatible" content="ie=edge">  <!- 告诉 IE 以最高级模式渲染文档 ->
    <title>Document</title>
</head>

<body>
</body>

</html>

VS Code内可以使用快捷键 !+ Tab自动生成部分格式,自己检查并修改

3.常用章节标签

标签语义化很重要

  1. 标题:h1~h6
  2. 章节:section
  3. 文章:article
  4. 段落:p
  5. 头部:header
  6. 脚部:footer
  7. 主要内容:main
  8. 旁支内容:aside
  9. 划分:div

4.常用的内容标签

标签语义化非常重要,不要将重点放在默认样式上

  • ol + li有序列表(ordered list + list item)
    ul + li无序列表(unordered list + list item)
    dl + dt +dd定义列表,dt表示一个定义名, dd 表示对定义的解释(description list + term +data)
    pre保留空格、回车和tab(preview的缩写)
    hr水平线
    br 换行(break的缩写)
    a用于链接(anchar的缩写)
    em用于语气上的强调(emphasis的缩写)
    strong表示内容本身的重要性
    code 代码等,字母等宽,code为内联属性,可配
    pre使用
    q引用(quote缩写),内联
    blockquote 引用,块级

5.全局属性

class 用于规定元素的类名
contenteditable所选的范围可编辑
hidden 无真假值 表隐藏,可以通过display:block来显示出来
id 尽量少用id,无论是CSS还是JS,
style 这也是HTML的标签,默认隐藏
tabindex 值为正整数时,在键盘上按Tab顺序框选,0时最后框选,负数不选择
设置该属性后,按tab键可以进行下一个带有该属性的地方
title鼠标移上去显示

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值