第一次 和 第二次 网页前端培训笔记

学习网址：​​​​​​【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili

1，安装编译器

Hbuilder

2，基础操作

第一次培训笔记

（1）HTML标签标题

通过<h1> - <h6> 定义标题，标题依次递减，为块级元素，可自动换）。

注：尽量减少使用h1标签

（2）HTML段落标签

通过标签 <p> 来定义，为块级元素，可自动换行。

（3）HTML 换行标签

通过<br>或者<br/>来定义，为单标签。

（4）HTML水平线标签

通过<hr>来定义，为单标签。

（5）常用属性

color 颜色

size 粗细

width 长度（百分比或者px)

align 对齐方式

（6）HTML列表
无序列表
<ul>

</ul>
有序列表

<ol>

</ol>
（7）HTML中的a标签
1.href

超链接标签

<a href="url">链接文本</a>

2.target

_self:当前窗口打开

_blank:在空白窗口打开

（8）HTML中的img标签

常用属性：

src:需要引入的图片的地址（必须属性）

alt：当图片破损或不存在时，显示文本的内容

title：当鼠标悬停在图片时显示的文本

width：图片的宽度

height:图片的高度

border:图片边框

（9）HTML中的表格标签

（字体居中，加粗效果）

<table width="400px" align="center border="1">
   <tr>
      <th>编号</th>
      <th>姓名</th>
      <th>年龄</th>
   </tr>
</table>

table的属性：

width 表格宽度

border 边框

align 对齐方式

第二次培训笔记

（10）HTML中的form标签

表单标签，块级元素，会自动换行

将数据传递给服务器

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>

常用属性

action 表单提交的地址

id 唯一标识

name 名字

target 表单的提交打开方式

method 提交方式

get请求

参数会直接跟在URL后面，用问号拼接

安全性差，传递数据量小，传递效率高

post请求

参数不会放在URL后面，会放在请求体中

安全性高，传输数据大，速度相对慢，无缓存、

（11）HTML中的input标签
input元素 

<from action="#" method="get" id="myform" name="myform">
		First name:<input type="text" name="firstname" value=""/><br>
		Last name:<input type="text" name="lirstname" value=""/><br>
		<input type="submit" value="提交"/>
</from>

type 表单元素类型

text文本框

radio单选框(需要设置一组相同的name属性）

password 密码框

checkbox复选框

button 普通按钮

hidden 隐藏域（用来存放需要传递给服务器的，但不需要显示的数据）

file文件域

date时间框

submit 提交按钮

reset重置按钮

image图片按钮（提交按钮）

value 表单元素值

checked  是否选中（单选框/复选框）

disabled 是否禁用

maxlength 允许输入的最大字符

注：表单元素需要设置name值，否则无法传递