web前端基础复习

HTML

HTML的概念

1.概念:超文本标记语言,用于在网络上显示web页面的主要标记语言。

2.作用:用于通过web浏览器显示文本,图像或其他资源,其拓展名为htm或html.

3.组成:由html中的标签和属性组成,也可以有css、js。

4.开发工具:HBuilderX(HBuilderX)、DW、记事本等等。

HTML重要标签

1.概念:--html tag,html标记标签(类似如word里面的标签)。

2.作用:html的基本元素,用于包含内容,显示内容、效果等。

3.组成:标签名、属性(值对形式--名和值)、内容,如<html>(一般所有的标签是成对出现)。

4.重要标签:<html>、<meta>、<link>、<style>、<script>、<body>、<div>、<a>、<table>、<form>、<img>、<input>、<select>、<h>、<span>。

重要标签说明

1.html:基本标签,所有的html内容都要放到html标签里,即被其包含。

2.meta:提供页面的相关信息,可以有页面关键字、请求相关信息、设备布局信息等

<meta name="key" content="HTML">关键字

 


3.link:链接一个外部样式表,<link rel="stylesheet" type="text/css" href="**.css">。

4.style:定义样布信息,样式写在style标签内,<style type="text/csss">*{}</style>。

5.script:在页面中插入一段javascript,可以写在script内,也可以引入外部js

6.body:html(网页的主体),也是基本标签之一,除以上标签外(以上标签中<style>、<script>),一般都写在body里。

7.div:定义文档的区域或节,将html分割为相对独立、不同的部分,可用于布局。(块级元素--内容自动换行)

8.a:所谓的链接,指向目标的超链接(可以指向页内,也可以指向页外),<a href="#id">(页内)。

9.table:表格标签,制作(定义)表格,table里包含<thead>表头、<tbody>主体、<tfoot>表注、<th>表行、<tr>单元格

10.form: 表单标签,用与创建用户输入表单,块级元素,<form action="" method=""></form>。

1).form表单属性:action:submit操作执行的请求地址,method:指定请求的类型。

注:1.form表单提交不一定是submit,也可以通过ajax请求序列化(serialize())的方式完成表单数据的提交(ajax序列化就是将form中的数据构建为值对的字符串统一提交到后台)。

2.通过form表单提交和ajax请求提交的数据是两个原理完全不一样的设计方式。

2).表单元素标签:input、select、textarea,通过submit提交浏览器会把表单元素的数据以名值对的方式提交给服务器。

11.input:输入框,用于搜集用户信息,<input type="" value="">

12.select:创建单选或多选菜单,和<option>一起用<select><option value="*">*</option></select>。

注:1.上面为select属性,下面为option属性。

2.select在提交数据时,默认只会将select中选中的option的属性value的中传过去。

3.web中每个form可以理解为一个数据集合(组),我们将数据包裹在form中,统一提交到后台;一个页面可以有多个form,但每次值提交一个form,ajax请求中可以没有form。

13.img:向网页嵌入一幅图像,<img src="" alt="">;src图片地址(链接),alt没有图片时的描述。

14.h:标题标签,表现大纲级别,有<h1>-<h6>六个级别。

15.span:行内元素,用于组合行内元素,可用于布局。

16.p:段落元素,默认段块元素,可用于布局。

Css

css概述

1.概念:层叠样式表(Cascading Style Sheets),定义如何显示HTML

2.作用:解决html内容与表现分离的问题,可以极大提高工作效率,降低代码耦合度。

3.组成:选择器和声明,基本格式--选择器{声明(属性:值);声明};如div{color:blue}。

样式

1.种类:三种---内部样式、内嵌样式、外部样式。

2.优先级:

优先级是有一个前提:内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下才可以认为离被设置元素越近优先级别越高

下列是一份优先级逐级增加的选择器列表:

通用选择器(*)

元素(类型)选择器

类选择器

属性选择器

伪类

ID 选择器

内联样式

!important 规则例外

3.css选择器

伪类

1.种类:

css布局

JavaScript

JS概述

1.描述:JavaScript 是弱类型语言,而且书写是比较随意的。 弱语言体现在变量是没有准确的数据类型定义。通过 var 关键字定义。

2.JavaScript 的作用:

1). 业务逻辑处理

2). 对 DOM 进行操作(DOM : Document Object Model):通过事件驱动页面模型发生变化(DOM 树中元素的增删改查,特别是改:改内容,改样式),JavaScript 能操作 DOM 的原因在于 JavaScript 实现了 DOM 相关操作的接口,能满足对 DOM 的操作。 

3..关于 JavaScript 的判断条件
1). 在条件表达式中,数字0和非0也可以表现为false和true

2). 分支结构的三种表示方式

3). 三目运算符是需要熟练掌握的,其本质就是个表达式
 

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值