HTML入门笔记1
时间：2023-08-10 01:27:02 | 来源：网站运营
时间：2023-08-10 01:27:02 来源：网站运营
HTML入门笔记1：
HTML的全称是：Hyper Text Markup Language，即超文本标记语言。HTML是由Web的发明者Tim Berners-Lee和同事Daniel W. Connolly于1990年创立的一种标记语言
<!DOCTYPE html> //文档类型<html lang="zh-CN"> //html标签 可以把lang --> zh-CN<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>h1-h6标签-->表示标题 section标签-->表示章节
article标签-->表示文章 p标签-->表示段落
header标签-->表示头部 footer标签-->表示脚部
main标签-->表示主要内容 aside标签-->表示旁支
class：给标签分类，通俗讲就是给标签一个标记。可以加多个class
插入：让style标签也能被看见，实现方法
contenteditable：可以让一个标签被编辑
hidden：让标签隐藏
id：标签的“唯一”标识，与css和js都有作用。id的唯一性不靠谱
注：在js中使用id来直接修改元素的样式，id的名称如果和window.的全局属性重名，则不能使用id找到该元素。style：给标签加样式（样式优先级：js>html>css）
tabindex[number]：实现没有鼠标的情况下，用tab键操作网页。
注：正数按顺序访问，0最后一个，-1不找到我
title：标题，显示完整的内容 (title="完整的内容")
实现单行文字溢出隐藏显示：
white-space:nowrap;overflow:hidden;text-overflowe:ellipsis;ol+li：有序列表
ul+li：无序列表（使用居多）
dl+dt+dd：描述列表dt（描述的谁）dd（描述的内容）
pre：（html如果有连续的空白，只会有一个空白）pre标签可以保留回车、tab
hr：分割线
br：换行
a：锚点
em：强调标签（语气）
strong：加粗标签（本质很重要）
code：code标签可以显示代码，里面的字体等宽（内联元素）
quote：引用（内联）
blockquote：引用（块级）
在线咨询
