1.HTML标签
2023-02-13 21:40:22 10 举报
AI智能生成
web前端基础中的基础
作者其他创作
大纲/内容
1.学习方法
问题:记不住,不会用
解决方法:多敲
三遍走
1.跟着视频敲一遍(该一遍是指敲懂的一遍)
2.(重点)在心里独立写一遍
3.独立完成代码
2.(重点)在心里独立写一遍
3.独立完成代码
代码地址
https://gitee.com/ymhold/html-css.git
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>
<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
元素 element
父元素
直接包含子元素的元素是父元素
子元素
直接被父元素包含的元素
祖先元素
直接或简介包含后代元素的元素是祖先元素
父元素也是祖先元素
后代元素
直接或间接被祖先元素包含的元素是后代元素
子元素也是后待遇按时
兄弟元素
拥有相同的父元素是兄弟元素
6.常用标签
title
表示标题标签,文字会显示到网页标签上
搜索引擎会根据title中的内容来识别元素主要内容
h1~h6
标题标签
一共有六级
h1最大,h6最小,从语义上说h1最重要,h2其次,h3次之
通常一个页面只有一个h1
p
段落标签
br
换行
hr
水平线
转义字符(表示特殊字符)
< 小于号
> 大于号
空格
© 版权符号
> 大于号
空格
© 版权符号
文档:
列表
有序列表
ol>li
无序列表
ul>li
定义列表(不常用)
<dl>
<dt>陌之宇</dt>
<dd>日本知名歌舞伎</dd>
<dt>大闸蟹</dt>
<dd>宁波著名大螃蟹</dd>
<dd>以擅长横着走路著称</dd>
</dl>
<dt>陌之宇</dt>
<dd>日本知名歌舞伎</dd>
<dt>大闸蟹</dt>
<dd>宁波著名大螃蟹</dd>
<dd>以擅长横着走路著称</dd>
</dl>
7.语义化标签
main
主体
header
头部
footer
底部
article
表示一个独立内容
aside
侧边栏
和主体独立的内容
section
独立的区块
0 条评论
下一页