前端学习笔记记录01

HTML、CSS、JavaScript是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML作用于页面结构搭建，CSS对页面进行效果渲染，再通过JavaScript实现相应的效果和交互。

html

HTML是超文本标记语言，使用标记标签描述网页，其标签分为单标签以及双标签。

编写中信息的导入可分为相对路径以及绝对路径，由于服务器不能读取本地资源，因而开发场景一般不允许使用绝对路径。

HTML标签可以设置属性

想让所写内容居中可以添加 alingn属性，使alingn=‘center。而图片只能使其居左或者居右。

为防止编写过程中出现不必要符号错误，一般会使用实体符进行编写（例：&gt;为>,&lt;为<）’

HTML一般分为内联元素（行内元素）、块级元素以及内联块元素。

内联元素无法自动折行，其没有宽度，不允许进行宽高调整。

块级元素可以自动折行，其默认宽度为父辈的100%，高度以内容撑开。

若属性值与属性名相同则只写一次，

HTML超链接

<a href="url">链接文本</a> 其主要有4个作用

1.页面跳转交互，添加属性target=‘_blank’可以另起窗口打开页面。

2.执行js代码。<a href="javascript:任意代码段">。

3.发邮件。

4.锚点链接。放锚<a name=""> 定位锚点<a href="#(name属性名)">。

HTML列表

1.无序列表

<ul><li></li></ul> 添加type属性可改变列表前端图案（方形、空心圆、无图）

2.有序列表

<ol><li></li></ol>添加type属性可改变列表前端序列样式。（数字、英文字母、罗马数字）

3.自定义列表

HTML表格

<table><tr><td></td></tr></table>  tr为行、td为列。

其属性 cellspacing为内间距，是表格单元格与单元格的距离。

cellpadding为内边距，是单元格之中的内容与单元格的距离。

制作不规则表格时，可以使用cellpad进行跨列以及rowspan进行跨行，注意跨了哪行哪列需要对其对应行、列进行删除。

HTML表单

<from></from> 一个页面可以使用多个表单

action:url地址   method:get/post

get方式：不安全 只能传输文本数据 128kb传输量

post方式：安全性高 文本、流文件传递 理论上无限制

表单控件有 ：

<input type="">.

text文本框   password密码框

file浏览框 （注：默认情况下只能传递文本，出现file控件时，应采用enctype="multipart/form-data"）

radio 单选框 checkbox复选框 添加属性checked默认选中 等

添加 placeholder属性可以添加框内默认字

便捷输入方法

1.[]属性 例：font[color] -><font color=""></font>

2.{}填充内容 例：font{xxx}-><font>xxx</font>

3.*生成多个、+兄弟关系、>嵌套关系 例：font+ul*2>li*2
即

<font></font>

<ul>

        <li></li>

        <li></li>

</ul>
<ul>

        <li></li>

        <li></li>

</ul>