《学习笔记》-- 温故而知新

2022-07-1 第二小组 宋雨 学习笔记

html三大件：HTML，CSS，JS

·1.1 初识标签

1.1.1 H 标签

标题标签 H
h标签的范围是（1-6）之间，但是当你书写或者以上的标签的话他是不会给标签添加样式的。想反，在h标签的（1-6）之间的会会对标签内部的字体进行样式的修饰。

<h1> 我是标题 </h1>

示例：

1.1.2 P 标签

P 标签被称之为段落标签，p标签是一个行级元素，他不会自动换行。p标签一般用来书写文章中的段落，一个段落是一个p标签。

<p>我是p1标签</p>
<p>我是p2标签</p>

示例：

1.1.3 br 标签

br 标签是一个换行标签，起到的作用就是换行。书写并作用在你想换行的的标签后边。

<p>我是p1标签</p>
<br>
<p>我是p2标签</p>

示例：

1.1.4 hr 标签

hr 标签是水平分割线标签 。也会进行换行

<p>我是p1标签</p>
<hr>
<p>我是p2标签</p>

示例：

1.1.5 a 标签

a 标签是 html 标签当中较为重要的一个标签，它被称之为超链接标签

<a href=""></a>      
1.href是a标签的属性，它可以链接本地的图片也可以链接网上的图片资源
2.target="_black 新创建一个标签" "_self 在本页面进行刷新" "_parent 在父容器打开" "_top 在最顶级的符容器打开"
3.title="当鼠标悬停在标签上时会出现信息提示"

示例：

1.1.6 img 标签

img 标签是一个可以将图片显示在页面的一个标签。

<img src="">  src它可以链接本地的图片也可以链接网上的图片资源

示例：
此处省略

1.1.7 div (*)标签

div 标签是html中最重要的一个标签之一，它是一个块元素，可以将它看成一个盒子，里面可以添加一些别的标签，div运用好的话会使得前端页面排版整齐和有序。我愿称它为神！

<div></div>

1.1.8 ul，ol标签

ul，和 ol是列表标签。ol 是无序列表的标签，ul 、是有序列表的标签。

<ul>
    <li>我是ul中无序的li标签</li>
    <li>我是ul中无序的li标签</li>
    <li>我是ul中无序的li标签</li>
  </ul>

示例：

1.1.9 tabel 标签
table 标签是一个表格标签，他较为重要的作用是将想显示的信息放入到表格中进行排版，让其变得美观。同时 table 表格也可以进行布局。

此处省略代码

示例：

1.1.10 form 表单

form 表单是用来进行数据的提交，简单的向后端发送请求。

<form
	action="xxxxx"  要提交的地址    method="get post"  请求方式
      style="text->文本  
      password->密码(前端显示加密)  
      disable->失效  
      placeholder->(水印)
      checkedbox->多选框  
      checked->默认选择 
      id->唯一标识 value->对应的值
      date->日期  
      email->邮箱 
      radio->单选框  
      submit->提交  
      reset->重置
      button->自定义 
      file->文件"
>
</form>

1.1.11 button 按钮标签

button 就是单纯的按钮标签，就是一个按钮。

<button>按钮</button>

示例：

1.1.12 select 选择器(下拉框)

select 选择器在我看来就是一个下拉框，就是用来选择框中的内容的。

<select>
	<option>下拉框</option>
</select>

示例：

总结：

今天复习了html的一些基本的知识，虽然是后端开发人员，但是前端的知识点还是要懂一些的，要不自己写的页面真的很难看！！！