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的一些基本的知识,虽然是后端开发人员,但是前端的知识点还是要懂一些的,要不自己写的页面真的很难看!!!