HTML入门笔记1

最新推荐文章于 2024-07-14 10:34:53 发布

口天几点

最新推荐文章于 2024-07-14 10:34:53 发布

阅读量107

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/weixin_44420101/article/details/111003520

版权

HTML 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML学习笔记(一)

HTML 的发明者是“万维网之父” 提姆·博纳斯·李 Tim Berners-Lee， HTML （HyperText Mark-up Language），即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。

1. HTML起手式

<!DOCTYPE html>             规定文档类型 
<html lang="zh-CN">         语言zh-CN为中文 如果以英文为主，就写成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"> 告诉IE使用最新内核
    <title>Document</title>          网页标题
</head>
<body>

</body>
</html>

2. 常用的表章节的标签

标题（h1~h6）
章节 section
文章 article
段落 p
头部 header
脚部 footer
主要内容 main
旁支内容 aside

3. 全局属性

1)class 类
2)contenteditable 可以直接编辑页面的内容
style取消隐藏在body里

 <style  contenteditable>
 	style{display:block;}
 </style>

3)hidden
4)id
5)style
6)tabindex
tabindex=0 最后一个访问
tabindex=-1 不访问
tabindex=1 第一个访问
7)title 鼠标悬浮后的显示全部的内容包括溢出被hidden的

4. 常用的内容标签

• ol+li：有序列表。
• ul+li：无序列表。
• dl+dd+dt：定义列表。
• pre：会直接显示文件中的缩进。
• hr：水平分割线。
• br：换行符。
• a：超链接
• em：语气上的强调。通常显示是斜体。
• strong：强调。通常显示是加粗，表示内容本身很重要。
• code：在网页中显示代码（等宽字体）。默认为内联元素，使用pre标签换行显示。
• quote：无样式，只表示是引用，内联元素。
• blockquote: 引用，块级元素

调试：安装yarn global add node-w3c-validator
打开终端输入 node-w3c-validator -i index.html或者在线验证代码

CSS reset

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*::before,
*::after {
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
}
input,
button {
  font-family: inherit;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

口天几点

关注

0
点赞
踩
0

收藏

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

HTML学习笔记(一)HTML 的发明者是“万维网之父” 提姆·博纳斯·李 Tim Berners-Lee， HTML （HyperText Mark-up Language），即超文本标记语言或超文本链接标示语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。1、HTML起手式<!DOCTYPE html> 规定文档类型 <html lang="zh-CN"> 语言zh-CN为中文如果以英文为主，就写成lang='e
复制链接

扫一扫