2022-07-09 第七小组 姜珊 学习笔记
1学习收获:对前端有了一个初步的认知,了解了html的标签结构 ,html body 里的标签,制作表单等,能基本运用html做任务
2知识点:
html:用来描述网页一种语言,是一种超文本标记语言——理解
html标签结构:head utf-8 body-了解
基本标签:
h1~h6:标题标签,字体变大,变粗,变黑,上下空一行
p:段落,上下空一行
br:换行,一个br就是一个回车。
文本格式化标签:
超级链接:a(重要)
href:要去的地方
http地址(完整域名):带有http或https的完整网址
默认的方式去到当前项目下某一个页面(地址)
../:返回上一级目录
./:当前目录(不需要写)
target:目标。怎么打开目标地址
_blank:在新窗口打开
_self:在当前窗口打开(默认)
_parent、_top:在父容器(顶级父容器)打开
title:标题,当鼠标悬停在标签上出现的提示文字
图片:img
src:图片的路径
height、width:宽和高(尽量指定一个属性,等比例缩放)
title:
alt:图片无法正常加载的提示文字
align:对齐方式
区块/空白:
div:块。立方体,可以有宽高
span:行。没有宽和高。尺寸是根据内容确定
无序列表:
有序列表:
自定义列表:
表格:一组标签
table>tr>td
框架:ifream
src:目标页面的路径
转义字符(实体):
<> ©.....
水平分割线
表单元素:提交数据
form:
action:数据的提交地址
注释:
提交和重置按钮,只能控制和他们在同一个form标签内的元素
所有的文本框的内容都是它的value属性
前后端交互的事情,
浏览器开发者工具的使用
id:每个HTML元素的唯一(不能重复)标识
表单提交的数据格式:username=admin等号左边是表单元素的name属性,右边是表单元素的value属性
method:
get:提交的数据都会显示在地址栏,不安全,地址栏长度是有限制的。
post:提交的数据是不显示在地址栏,封装一个请求体,长度也没有限制了。
1999年HTML4就已经改变了很多了。在HTML4时代好多标签已经废弃了。
在HTML5的时代就不推荐使用。在2012年,推出了新的HTML规范,HTML5。
推出了一些新的标签
audio音频
video视频
新增了一些语义化的标签。
语义化:给程序员设立的规则。thead
HTML5兼容性还不是很好。
分为两大类:
1、行级元素:不能自己换行。
2、块级元素:可以自己换行。
重点:
超级链接:理解
表格:理解
表单:理解
开发工具:理解
心得:初次接触前端,刚开始不理解,随着老师讲解以及课后练习以理解。想要理解必须多实践