写代码啦
HTML入门笔记1
回复数(0) 浏览数(18)
{{topic.upvote_count || 0}} 编辑 回复

HTML 是谁发明的

HTML 是李博士(baiTim Berners-Lee)发明的。本来是想方便大学之间交流资料用的,结果推出后大受欢迎,成为了万维网的基础。最大的特点是可以连接其他人的站点。】

HTML 起手应该写什么

在vscode安装Emmet中,新建html,输入 !回车

<!DOCTYPE html>
<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:标题,h1的字体最大,h6最小
section:表示章节
p:段落
header: 顶部,比如广告
article:文章
main:主要内容
aside:旁支内容,侧边栏菜单
div:段落的划分

其中section、header、article、main、aside和div没有实质的区别,仅仅的语义上的。

全局属性有哪些

class:类属性
contenteditable:可编辑属性,在浏览器里面,用户可以对文字进行编辑
hidden:隐藏元素,优先级要比display:none要高
id:原则上是唯一的,但是css会作用在多个相同id的元素
tabindex:障碍访问,控制tab键访问的顺序,正数就按照数的大小顺序,0是最后访问,-1当前元素禁止tab
title:弹出浏览器自带的悬浮文字泡,常见于在文字过长省略文字之后,显示全部文字

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

ol/ul:ol没有顺序符号、ul有序号
dl+dt+dd:dl是 description list,dt英文是description term,dd是 description details
pre:英文是Preformatted Text ,也就是预格式化的文本,它会以等宽字体的形式展现出来,并保留所有的空格,而其他标签会把多个空格转化成一个空格
code:元素呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示.
hr:英文是Thematic Break (Horizontal Rule)
br:The Line Break element,换行
em:斜体,强调语气
strong:加粗
quote:引用
blockquote:块级引用

{{topic.upvote_count || 0}}

HTML 是谁发明的

HTML 是李博士(baiTim Berners-Lee)发明的。本来是想方便大学之间交流资料用的,结果推出后大受欢迎,成为了万维网的基础。最大的特点是可以连接其他人的站点。】

HTML 起手应该写什么

在vscode安装Emmet中,新建html,输入 !回车

<!DOCTYPE html>
<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:标题,h1的字体最大,h6最小
section:表示章节
p:段落
header: 顶部,比如广告
article:文章
main:主要内容
aside:旁支内容,侧边栏菜单
div:段落的划分

其中section、header、article、main、aside和div没有实质的区别,仅仅的语义上的。

全局属性有哪些

class:类属性
contenteditable:可编辑属性,在浏览器里面,用户可以对文字进行编辑
hidden:隐藏元素,优先级要比display:none要高
id:原则上是唯一的,但是css会作用在多个相同id的元素
tabindex:障碍访问,控制tab键访问的顺序,正数就按照数的大小顺序,0是最后访问,-1当前元素禁止tab
title:弹出浏览器自带的悬浮文字泡,常见于在文字过长省略文字之后,显示全部文字

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

ol/ul:ol没有顺序符号、ul有序号
dl+dt+dd:dl是 description list,dt英文是description term,dd是 description details
pre:英文是Preformatted Text ,也就是预格式化的文本,它会以等宽字体的形式展现出来,并保留所有的空格,而其他标签会把多个空格转化成一个空格
code:元素呈现一段计算机代码. 默认情况下, 它以浏览器的默认等宽字体显示.
hr:英文是Thematic Break (Horizontal Rule)
br:The Line Break element,换行
em:斜体,强调语气
strong:加粗
quote:引用
blockquote:块级引用

18
回复 编辑