2022-07-09 第二小组 张鑫 学习笔记

实训第二天：html基础

1.知识点：

（了解）

head：头，标签处。

title：适配搜索引擎 meta charset=utf-8

link：链接css，引入css样式（单独出现）

style：定义css样式

script：定义js，也可以引入js

body：身体 目前网页上能看到的所有内容都写在body里

基本标签（了解）

h1—h6：标题标签，字体变大，上下空一行

p：段落，上下空一行

br：单独出现，一个br就是一个回车

b：加粗

超链接（理解）

a：超链接

href:要去的地方

target：目标-怎么打开目标地址

_blank:在新窗口打开

_self：在当前窗口打开

_parent、top:在父容器（顶级父容器）中打开

title:标题-当鼠标悬停在标签上出现的提示文字

图片，块，列表（了解）

img：图片

src:路径

height、width：宽高（尽量指定一个属性，等比缩放）

align:对齐方式

alt:异常情况的文字显示

marquee：弹幕

div：块，立方体，可以有宽高

span：行，没有宽和高，尺寸根据内容确定

ul：无序列表

ol：有序列表

表格     （了解）

table>tr>td ：表格

rowspan：跨行合并

colspan：跨列合并

iframe：框架

表单      （理解）

form ：表单

action:数据的提交地址

id：每个HTML元素的唯一标识（不能重复）

input type :text:文本框；password：密码；radio:单选框；checkbox:多选框 ...

select option:下拉框

textarea:文本区

button:按钮

get:提交的数据都会显示在地址栏，不安全，地址栏长度有限

post:提交的数据不会显示在地址栏，封装一个请求体，长度没有限制

2.截图

 

通过一白天的学*，晚自*花费*四个小时的时间终于做出了一个还算看得下去的网页，这就是菜鸡的烦恼吧，老师讲的时候感觉挺会的，真到自己实际操作的时候真的是绞尽脑汁也写不出几个字，好在经过自己反复研究，还有班级同学的帮助下，人生第一次自己动脑做出一个网页，今天收获满满，非常充实。关于学*的内容，表格和表单还需要继续深入理解一下，代码就是孰能生巧的过程，所以我一定要多学多练，及时巩固！1/60!加油