

首页  思维导图  详情



1.HTML标签

2023-02-13 21:40:22   10  举报





AI智能生成

web前端基础中的基础

HTML5 CSS3

JavaScript

web前端

模版推荐

作者其他创作

大纲/内容

1.学习方法

问题：记不住，不会用

解决方法:多敲

三遍走

1.跟着视频敲一遍(该一遍是指敲懂的一遍) 2.(重点)在心里独立写一遍 3.独立完成代码

代码地址

<div>https://gitee.com/ymhold/html-css.git </div>

MDN官方文档

https://developer.mozilla.org/zh-CN/

2.HTML基本结构

<!DOCTYPE html>   <html>   <head>       <meta charset="UTF-8">       <title>Title</title>   </head>   <body>      </body>   </html>

HTML全称

Hyper Text Markup Language（超文本标记语言）

3.基本结构解析

1.!DOCTYPE html

文档声明

用来声明当前网页版本,遵循HTML5规范

DOC

document表示文档,一个文档代表一个网页

type

类型

2.head

html的子标签(子元素)

head表示网页头部,网页的各种数据都可以设置在head中,head的内容不会在网页中直接呈现

meta

html的子元素.设置网页的元数据

!DOCTYPE html

设置编码格式,避免网页乱码

title

head的子元素,设置网页的标题,可以直接作用在网页中

3.body

html的子元素

网页中所有可见内容都作用在body中

4.HTML的基本语法

标签

标签即元素,元素即标签

成对出现:<标签名>标签体</标签名>

自结束标签:<标签名/>

属性

在标签中为元素设置属性

属性是应该名值对结构,属性名="属性值"

一个元素可以设置多个属性,多个属性间用空格分离

5.元素间的关系

标签 tag 元素 element

父元素

直接包含子元素的元素是父元素

子元素

直接被父元素包含的元素

祖先元素

直接或简介包含后代元素的元素是祖先元素

父元素也是祖先元素

后代元素

直接或间接被祖先元素包含的元素是后代元素

子元素也是后待遇按时

兄弟元素

拥有相同的父元素是兄弟元素

6.常用标签

title

表示标题标签,文字会显示到网页标签上

搜索引擎会根据title中的内容来识别元素主要内容

h1~h6

标题标签

一共有六级

h1最大,h6最小,从语义上说h1最重要,h2其次,h3次之

通常一个页面只有一个h1

段落标签

换行

水平线

转义字符(表示特殊字符)

&lt; 小于号 &gt; 大于号 &nbsp; 空格 &copy; 版权符号

文档:

列表

有序列表

ol>li

无序列表

ul>li

定义列表(不常用)

<dl>   <dt>陌之宇</dt>   <dd>日本知名歌舞伎</dd>   <dt>大闸蟹</dt>   <dd>宁波著名大螃蟹</dd>   <dd>以擅长横着走路著称</dd> </dl>

7.语义化标签

main

主体

header

头部

footer

底部

article

表示一个独立内容

aside

侧边栏

和主体独立的内容

section

独立的区块

 Collect

Get Started

html;lt;标签

 Collect

Get Started

HTML标签

 Collect

Get Started

html解析流程

 Collect

Get Started

商品标签管理





0 条评论

下一页