0
点赞
收藏
分享

微信扫一扫

前端学习笔记记录01

树下的老石头 2022-02-21 阅读 78
前端学习

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>
举报

相关推荐

0 条评论