软测基础之前端基础

目录

一、HTML

1、HTML基础标签

1.1 head 标签

1.2 body 标签

2、图片标签

3、超链接

 3.1 锚点链接

4、表格

5、列表

6、表单

① input表单

②textarea 标签表单 — — 多行文本框

③ 下列列表

7、插入音频、视频、flash

8、插入背景音乐

9、悬浮框架 iframe

10、HTML5 新标签

二、CSS

1、CSS基础语法

2、CSS三种引用方法

3、CSS选择器

3.1 标签选择器

3.2 类选择器(.class)

3.3 ID选择器(#ID)

3.4 后代选择器(用空格连接)

3.5 并集(并列选择器)(用逗 连接)

4、高级权重对比

4.1 引入方式不同

4.2 复合选择器权重

5、CSS常用的文字属性

6、行高属性

7、边框属性

8、盒子模型

三、JavaScript

1、JS三种引用方式

2、JS基础语法

2.1 JS注释

2.2 js变量

2.3 js 基本数据类型

2.4 js运算符

 2.5  js 选择语句

2.6  js 循环语句

foreach 语法:

2.7  js 函数

 2.8 js 的 break 函数和 continue 函数


一、web基本介绍

web就是world wide web 的缩写,俗称全球广域 ,即WWW(万维 )

 1. 页

1.1什么是 页么是HTML/p>

页是构成 站的基本元素, 页由图片、文字、视频、声音等元素组成,是HTML文件(后缀名为html)。

HTML是用来描述 页的一种语言,不是编程语言,是一种超文本标记语言(Hyper Text Markup Language)

页生成制作:前端人员书写HTML文件,然后浏览器打开,就能看到 页了。

2.浏览器

常用浏览器:五大浏览器:IE、火狐、谷歌、Safari、Opera等

浏览器内核:负责读取 页内容,整理讯息,计算 页的显示方式并显示页面,国内一般浏览器都会采用webkit/Blink内核,如360、UC、QQ、搜狗等

3.Web标准(重点) 

主要包括结构、表现、行为。

 Web标准提出的最佳体验方案:结构写到HTML文件中,表现写到CSS文件中,行为写到JavaScript文件中。

二、HTML

1、HTML基础标签

1.1 head 标签

  • title(标题)
  • meta( 页基本信息(供搜索引擎))
  • style(CSS样式)
  • script(定义脚本语言)
  • base(定义页面所有链接的基础定位)

1.2 body 标签

(1)段落文字标签

  • <h1> ~ <h6>      标题
  • <p>                    段落
  • <br>                   换行
  • <hr>                   水平线
  • 声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年8月25日
下一篇 2022年8月25日

相关推荐