1.HTML标签
2023-02-13 21:40:22 10 举报
AI智能生成
web前端基础中的基础
作者其他创作
大纲/内容
问题:记不住,不会用
解决方法:多敲
1.跟着视频敲一遍(该一遍是指敲懂的一遍)2.(重点)在心里独立写一遍3.独立完成代码
三遍走
https://gitee.com/ymhold/html-css.git
代码地址
https://developer.mozilla.org/zh-CN/
MDN官方文档
1.学习方法
<!DOCTYPE html> <html> <head> <meta charset=\"UTF-8\"> <title>Title</title> </head> <body> </body> </html>
Hyper Text Markup Language(超文本标记语言)
HTML全称
2.HTML基本结构
文档声明
DOC
类型
type
1.!DOCTYPE html
html的子标签(子元素)
html的子元素.设置网页的元数据
meta
!DOCTYPE html
title
2.head
html的子元素
网页中所有可见内容都作用在body中
3.body
3.基本结构解析
成对出现:<标签名>标签体</标签名>
自结束标签:<标签名/>
标签
在标签中为元素设置属性
属性
4.HTML的基本语法
标签 tag元素 element
直接包含子元素的元素是父元素
父元素
直接被父元素包含的元素
子元素
直接或简介包含后代元素的元素是祖先元素
父元素也是祖先元素
祖先元素
直接或间接被祖先元素包含的元素是后代元素
子元素也是后待遇按时
后代元素
拥有相同的父元素是兄弟元素
兄弟元素
5.元素间的关系
搜索引擎会根据title中的内容来识别元素主要内容
标题标签
一共有六级
通常一个页面只有一个h1
h1~h6
段落标签
p
换行
br
水平线
hr
< 小于号> 大于号 空格© 版权符号
转义字符
文档:
转义字符(表示特殊字符)
ol>li
有序列表
ul>li
无序列表
<dl> <dt>陌之宇</dt> <dd>日本知名歌舞伎</dd> <dt>大闸蟹</dt> <dd>宁波著名大螃蟹</dd> <dd>以擅长横着走路著称</dd></dl>
定义列表(不常用)
列表
标签列表
6.常用标签
主体
main
头部
header
底部
footer
表示一个独立内容
article
和主体独立的内容
侧边栏
aside
独立的区块
section
7.语义化标签
MDN
HTML
0 条评论
回复 删除
下一页