2022-07-9 第四小组 张家毓 学习笔记 HTML

HTML

目录

• HTML概述
• 基本标签
• 文本格式化标签

HTML概述：

1. HTML是用来描述网页的一种语言

2. 超文本标记语言。动画。音频，视频，特效，超链。

3. 用标签来定义网页

4. 成对
   单独

5.html：文档的根标签
head：头，标签处。
title：适配搜索引擎。meta charset=utf-8
link：链接css的，引入css样式
style：定义css样式
script：定义js，也可以引入js
body：身体。目前来说在网页上看见的所有的东西都是body里的
浏览器有一个功能：纠偏

基本标签：

1. h1~h6：标题标签，字体变大，变粗，变黑，上下空一行

2. p：段落，上下空一行

3. br：换行，一个br就是一个回车。

文本格式化标签：

1. 超级链接：a（重要）
   href：要去的地方
   http地址（完整域名）:带有http或https的完整网址
   默认的方式去到当前项目下某一个页面（地址）
   ../：返回上一级目录
   ./：当前目录（不需要写）
   target：目标。怎么打开目标地址
   _blank：在新窗口打开
   _self：在当前窗口打开（默认）
   _parent、_top：在父容器（顶级父容器）打开
   title：标题，当鼠标悬停在标签上出现的提示文字

2. 图片：img
   src：图片的路径
   height、width：宽和高（尽量指定一个属性，等比例缩放）
   title：
   alt：图片无法正常加载的提示文字
   align：对齐方式

3. 区块/空白：
   div：块。立方体，可以有宽高
   span：行。没有宽和高。尺寸是根据内容确定

4. 列表：
   无序列表：

   有序列表：

   自定义列表：
    <dl>
    <dt></dt>
    <dd><dd>
   

5. 表格：一组标签
   table>tr>td

6. 框架：ifream
   src：目标页面的路径

7. 转义字符（实体）：
   <> &copy.....

   ---

   水平分割线

8. 表单元素：提交数据
   form：
   action：数据的提交地址

提交和重置按钮，只能控制和他们在同一个form标签内的元素

所有的文本框的内容都是它的value属性

前后端交互的事情，

浏览器开发者工具的使用

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

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

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