html p 不换行_HTML 入门笔记 1

最新推荐文章于 2023-08-22 09:54:10 发布

weixin_39901685

最新推荐文章于 2023-08-22 09:54:10 发布

阅读量135

点赞数

HTML 入门笔记 1

主要内容

HTML 是谁发明的
HTML 起手应该写什么
常用的表章节的标签有哪些，分别是什么意思（h1~h6、section、article、main、aside 等等）
全局属性有哪些
常用的内容标签有哪些，分别是什么意思（a、strong、em、code、pre 等等）

下面一一解释说明

HTML 是谁发明的

首先，HTML 是由李爵士，约在 1990 年左右，发明的。
李爵士做了以下三件事

自己写了第一浏览器
自己写了第一个服务器
用自己写的浏览器访问了自己写的服务器
发明了 www，同时发明了 HTML、HTTP 和 URL

HTML 起手应该写什么

就是一个 ! 感叹号，然后回车就可以了

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>

常用的表章节的标签有哪些

章节标签，表示文章/书的层级

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

全局属性有哪些

所有标签都有的属性
class
contenteditable 可编辑的（加上这个属性，组件就可以编辑了）
hidden
id 不到万不得已，千万不能用 id，因为 id 它不报错
style
tabindex 可以用 tab 按键按顺序转跳到标记的这个属性的组件上
title 用于组件文字过多，无法全部显示，则把完整内容显示到鼠标的浮标上（完整内容写在 title 上即可）

常用的内容标签有哪些，分别是什么意思

ol + li ol 有顺序的列表,li 是 list item，即每一项
ul + li ul 指无序的
dl + dt + dd dl -> description list; t -> term（概念）；d -> data
pre 保留文本的空格和换行
hr 分割线
br 换行
a 超链接
em 斜体（语气很重）
strong 加粗（本身很重要）
code 里面的字体是等宽的
quote 表示引用，默认没有什么特别的样式，这是个内联的
blockquote 这是换行的引用

小知识

CSS reset

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

weixin_39901685

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html p 不换行_HTML 入门笔记 1

HTML 入门笔记 1主要内容HTML 是谁发明的HTML 起手应该写什么常用的表章节的标签有哪些，分别是什么意思（h1~h6、section、article、main、aside 等等）全局属性有哪些常用的内容标签有哪些，分别是什么意思（a、strong、em、code、pre 等等）下面一一解释说明HTML 是谁发明的首先，HTML 是由李爵士，约在 1990 年左右，发明的。李爵士做了以下...
复制链接

扫一扫