WEB进阶-class one基础复习

最新推荐文章于 2024-08-14 12:22:11 发布

jimmymmmmm

最新推荐文章于 2024-08-14 12:22:11 发布

阅读量254

点赞数 1

文章标签： css html javascript java web

本文链接：https://blog.csdn.net/jimmymmmmm/article/details/104479905

版权

1.HTML基础

(1)概述：

HTML：Hyper Text Markup Language ，超文本标记语言。用来描述页面内容的方式。表现文字、视频、音频程序等复杂元素。

(2)文档结构：

/*！+tab自动出来*/
<!DOCTYPE html>
/*放在所有的文档标签之前，用于说明文档使用的HTML或XXHTML的特定版本并告诉浏览器用什么方式解析*/
<html lang="en">/*页面开始*/
<head>
/*网页头部信息 不显示在页面内 title meta(http-quive页面属性 content name charset  ) base link script style*/
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>/*网页主体 css html js*/
	
</body>
</html>/*页面结束*/

(3)标签：

标签对的组成：标签名、属性(键值对)、内容。

<a herf = "www.baidu.com" >content 百度跳转</a>

(4)重要标签：

i. 表格 table:

<table border="1px">/*边框*/
	<thead>/*表头*/
		<tr>/*行*/
			<th>表头单元格1</th>
			<th>表头单元格2</th>
	</thead>
	<tbody>/*表格主体*/
		<tr>/*行*/
			<td>普通单元格1</td>
			<td>普通单元格2</td>
		</tr>
	</tbody>
</table>

ii.表单 form:

/*信息提交*/
<form action = "post">/*post 数据在地址不可见 get 可见*/
	<input type="text">/*用户名*/
	<input type="password">/*密码*/
	<input type="submit">/*提交*/
</from>
```获取用户选择
```css
/*获取用户选择*/
<form action = "get">/*选择表单 doGet可以获取value值*/
	<select>
		<option value = "1">html</option>
		<option value = "2">java</option>
		<option value = "3">css</option>
		<option value = "4">php</option>
		<option value = "5">python</option>
		<option value = "6">java script</option>
	</select>
</form>

(5)标签语义

/*大纲级别 块级元素*/
<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>
/*表现布局 */
<span></span>/*块级*/
<div></div>/*块级*/
<p></p>/*行级*/

(6)关于浏览器

浏览器	内核
IE	Trident
FireFox	Gecko
Safari	Webkit
GoogleChrome	Chromium/Blink
FireFox	Gecko
Opera	Presto

2.CSS

(1)层叠样式表
	同一元素可以设定多种样式，易于使用与修改，同时也能有更丰富的样式定义。
(2)定义元素样式
	i.内嵌样式、内部样式、外部样式
	ii.选择器{
	属性:值;(声明)
	属性:值;
	}

div{
color:blue;
font-size:12px;
}

(3)盒子模型

1440*153 :height width
padding  :内边距
border   :样式边框大小
margin   :外边距

(4)样式选择器
i.基本选择器

样式	选择器
id	# （id选择器）
class	.（类选择器）
a、span、div…	a、span、div…（标签选择器）
all	#（通用选择器）

ii.组合选择器

选择器	选择内容	名称
div,p	div和p	多元素选择器
div p	div里所有p	后代选择器
div>p	div的直接后代p	子选择器
div+p	div旁边的p	相邻兄弟选择器
div~p	div的所有兄弟	普通兄弟选择器

iii.属性选择器

3.JavaScript

(1)特点：
弱类型语言，变量通过var定义。
此外，具有一门成熟编程语言应预备的：
变量（var）、数据类型（boolean、string、array、number、undefined、function…）、运算符、控制语句、自成体系的API。
(2)作用：
i.业务逻辑处理
ii.对DOM进行操作(DOM : Document Object Model) :
通过事件驱动页面模型发生变化(DOM树中元素的增删改查,特别是改:改内容,改样式)。
JavaScript 能操作DOM的原因在于JavaScript实现了DOM相关操作的接口，能满足对DOM的操作。
(3)JS判断条件
i.在条件表达式中，数字0和非0也可以表现为false和true
ii.分支结构的三种表示方式
iii.三目运算符是需要熟练掌握的，其本质就是个表达式

jimmymmmmm

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WEB进阶-class one基础复习

1.HTML基础(1)概述：HTML：Hyper Text Markup Language ，超文本标记语言。用来描述页面内容的方式。表现文字、视频、音频程序等复杂元素。(2)文档结构：/*！+tab自动出来*/<!DOCTYPE html>/*放在所有的文档标签之前，用于说明文档使用的HTML或XXHTML的特定版本并告诉浏览器用什么方式解析*/<html la...
复制链接

扫一扫