2022-07-09 第二小组 卢睿 学习笔记

今天学了htm，知道了如何简单的去制作一个网页

笔记

 

 

h1--h6 标题标签 字体 大小 粗细 上下空一行

p 段落 上下各空一行

dr 换行 一个br就师一个回车

文本格式化标签

b 加粗 code 计算机代码 em 强调文本 斜体 i 斜体 kbd 键盘输入

pre 预格式

small 更小的字体 strong 加粗 ddr 缩写 address 地址 bdo 文字方向

blockquote 从另一个源引入

sub 下标 sup 上标 ins 插入文本

 

超级链接：a（重要）

href ：要去的地方

http地址 完整域名 外部地址

相对路径：当前文件夹里的路径

../ 返回上一级路径

./ 当前路径

targrt 目标 怎么打开目标地址

_blank 在新窗口开开

_self 在当前窗口打开(默认）

_parents _top 在父容器（顶级父容器）打开

title 鼠标悬停在目标上的提示

 

图片：img

src 图片的路径

height width 高和宽 最好只加一个，等比例缩放

alt 图片加载不出来的时候的描述

align 对齐方式

marquee 弹幕

区块，空白

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

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

无序列表 ul

<ul>         <li></li>     </ul>

有序列表 ol

有序列表     <ol>         <li></li>     </ol>

自定义列表

自定义列表       <dl>         <dt>项目1</dt>         <dd>描述项目</dd>         <dt>项目2</dt>         <dd>描述项目</dd>     </dl>

表格：一组标签 tr 行 td 列

<table>         <tr>             <td></td>         </tr> </table>

table>tr*5>td5 快捷生成5*5表格

表头

合并单元格

colspan <td colspan="5">合并单元格</td> 合并列

<td rowspan="2"></td> 合并行

表头 thead

表格 tbody 数据展示区

表尾 tfoot 最下面

 

框架 ifream

src：目标页面的路径

转义字符

< &dt;   ©

---

水平分割线

 

表单元素：提交数据

form

action：数据的提交地址

 

前后端交互

浏览器开发者工具

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

表单提交的数据格式：username=admin 等号左边是表单元素的name属性，右边是表单元素的valve属性

method

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

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

html4的表单结束

分为两类

1.行级元素 不能自己换行

2.块级元素 可以自己换行

重点

1.超级链接 2.表格 3.表单 4.浏览器开发工具

 

完结撒花