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