html 二维表_《HTML入门笔记1》

今天学习HTML入门,让我们来看看有什么知识点吧!


首先HTML是一个超文本标签语言是由Tim Berners-Lee(李爵士)发明的,他还发明了WWW,HTTP和URL,并且自己写了第一个浏览器和服务器,用自己的浏览器访问自己的服务器,这就是我上我自己的网吗?

接下来是HTML起手式,在vscode的html文件上输入!(英文的)就能看到起手式

<!DOCTYPE html>

<!DOCTYPE html>是表示文档类型,告诉浏览器这是个html文件。

接下来是<htmllang="en">,表示语言,可以换成zh-CN。

<metacharset="UTF-8">表示使用UTF-8编码。

<title>Document</title>就是文章的标题。

然后就是HTML最重要的标签

常用的表章节的标签

h1~h6 是标题标签,h1最大,h6最小

    <h1>学习真快乐</h1>
    <h2>学习真快乐</h2>
    <h3>学习真快乐</h3>
    <h4>学习真快乐</h4>
    <h5>学习真快乐</h5>
    <h6>学习真快乐</h6>

预览如下:

b53aab1f32971a874e1987177909bb63.png

section 表示章节标签

article表示文章标签

main表示主要内容标签

aside表示次要内容标签

p表示段落

header表示头部

footer表示脚部

div表示划分


标签的全局属性有哪些

  • class :为标签添加class样式
  • id :为标签添加id
  • contenteditdable :可以在页面随意改动
  • hidden :隐藏
  • tabindex :页面Tab键访问,按顺序访问,0最后,-1不可访问
  • title:鼠标放上去显示全部内容
  • style:为标签添加内联样式

常用的内容标签有哪些

  1. a标签:超链接标签
  2. strong:内容本身重要性
  3. em:强调语气的重要性
  4. code:代码标签
  5. pre:显示多个空格
  6. br:换行
  7. hr:分界线
  8. ol+li:无序列表
  9. ul+li:有序列表
  10. dl+dt+dd:2级列表

今天的内容非常简单,谢谢

为什么只有一张截图?因为程序员是懒得。那就让你看看我老婆吧

f1740e1ec8c42ceeefffc8a2f34b28bd.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值