47 lines
1.8 KiB
Plaintext
47 lines
1.8 KiB
Plaintext
1: 认识html的基本结构
|
||
|
||
1：html 标签，网站最外层的父级标签，其他所有标签都必须包含在这里面
|
||
2：head 标签，网站头部标签，head里面的代码不会被用户看见，是给浏览看的
|
||
3：body 标签，网站的主体内容标签，这里面的代码会被用户看到。
|
||
|
||
|
||
|
||
|
||
|
||
2：html的常用标签及其作用和功能
|
||
|
||
学习参考地址：http://www.runoob.com/tags/html-reference.html
|
||
|
||
meta：元数据标签，它类似一个工具箱，里面有很多能实现不同功能的代码，具体不需要强制记忆，直接百度即可
|
||
参考地址：https://blog.csdn.net/weixin_39717076/article/details/80332134
|
||
|
||
|
||
<meta charset="UTF-8"> 设置中文编码，防止浏览器中文乱码
|
||
|
||
title：设置网站标签卡的标题
|
||
|
||
题外话：前端开发最讨厌IE浏览器(6,7,8,9)，因为前端的很多新特效或者说是js代码，老旧的IE浏览器都不支持
|
||
|
||
img: 显示图片用的
|
||
|
||
a: 显示一个超链接，可以从一个地方跳转到另外一个地方
|
||
|
||
h1 ~ h6：标题标签，用于设置文章标题，规律是数字越小显示效果越大！
|
||
一般用于，网站文章中来设置标题，具体使用哪一个根据你的实际需求决定！！！
|
||
|
||
p：在文章中显示一个段落(文章的正文)
|
||
特点：
|
||
1：自带上下的文章边距
|
||
2：它是一个 块级标签
|
||
|
||
button: 用于在网页上显示一个按钮
|
||
|
||
br : 实现网站内容或者元素的换行 相当于回车键的作用
|
||
|
||
|
||
input: 让用户可以在页面上输入内容信息，根据其type属性的不同可以实现不同的功能
|
||
还可以组合其它标签实现更多功能
|
||
|
||
学习地址：http://www.runoob.com/tags/tag-input.html
|
||
|
||
3：提前说一下css |