HTML入门笔记1

最新推荐文章于 2024-06-01 12:08:46 发布

Mark1614

最新推荐文章于 2024-06-01 12:08:46 发布

阅读量82

点赞数

分类专栏：前端基础

本文链接：https://blog.csdn.net/Mark1614/article/details/119646680

版权

前端基础专栏收录该内容

13 篇文章 0 订阅

订阅专栏

本文详细介绍了HTML的历史，从1990年由Tim Berners-Lee发明开始。接着，展示了HTML的基本起始结构，包括DOCTYPE声明、html、head和body标签等。此外，重点讲解了常用的HTML标签，如标题、段落、列表、链接、内容标签等，并提及全局属性如class、id和style。这些内容构成了HTML文档的基础框架和内容展示方式。

摘要由CSDN通过智能技术生成

一、HTML历史

1990年左右诞生，由Tim Berners-Lee发明，除了HTML,还发明了HTTP和URL。

二、 HTML起手式

<!--文档类型-->
<!DOCTYPE html>
<!--html标签，可更换成lang="zh-CN"-->
<html lang="en">
  <head>
    <!--文件的字符编码-->
    <meta charset="UTF-8" />
    <!--告诉IE使用最新的内核-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <!--窗口禁止缩放-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>

三、.HTML标签

1. 常用标签

h1~h6 标题标签

section 章节标签

p 段落标签

header 头部标签

footer 脚部标签

main 主要内容

aside 旁支内容(导航)

div 划分成几部分

2. 全局属性

class 对网页元素分类 [class=middle]写法麻烦，改成.middle

contenteditable 可以允许用户修改内容

hidden 使当前元素和页面无关(隐藏)

id 规定元素的唯一id,不到万不得已不用id,css中#id可以直接添加样式,js中.id可以获得id

style 规定元素的样式，优先级比css优先级高，js优先级最高

tabindex 浏览器允许tab键遍历网页

tabindex=正整数按照属性值从小到大的顺序依次遍历
tabindex=0 是最后一个访问的
tabindex=-1 不要访问我

title 为元素添加说明，鼠标悬浮到上面，title属性值可作为浮动提示

3. 内容标签

ol+li 有顺序的列表+列表中的某一项

ul 没有顺序的列表

dl 描述列表，dt描述对象，dd描述内容

pre 可以帮我们保留空格，tab

code 显示代码 pre+code 可以让代码显示整齐

br 换行

hr 分隔线

a 超链接 target="_blank" 打开新页面

strong 本质强调 em 语气强调

blockquote 块级引用

Mark1614

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML入门笔记1

目录一、HTML历史二、HTML起手式三、.HTML标签1. 常用标签2. 全局属性3. 内容标签一、HTML历史1990年左右诞生，由Tim Berners-Lee发明，除了HTML,还发明了HTTP和URL。二、HTML起手式<!DOCTYPE html><html lang="en"> <head>...
复制链接

扫一扫