摘要: 一、if语句 语法: if(条件1) { 条件1成立时执行代码}else if(条件2){ 条件1成立时执行代码}else{ 条件均不成立时执行代码} <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>JavaScript流程控 阅读全文
posted @ 2020-09-12 10:42 Maruying 阅读(210) 评论(0) 推荐(0)
摘要: 认识DOM(文档对象模型) DOM(Document Object Model):定义访问和处理HTML文档的标准方法。 DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Conten 阅读全文
posted @ 2020-09-12 10:28 Maruying 阅读(228) 评论(0) 推荐(0)
摘要: 一、Javascript常用操作符 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title>JavaScript基础语法</title> <script> //字符串拼接 document.write("*****字符串拼接***** 阅读全文
posted @ 2020-09-12 10:12 Maruying 阅读(155) 评论(0) 推荐(0)
摘要: 一、document.write() 输出内容 document.write() 可用于直接在网页中输出内容。 方式1:输出内容用""括起,直接输出""号内的内容。 方式2:通过变量,输出内容。 方式3:输出多项内容,内容之间用+号连接。 方式4:输出HTML标签,并起作用,标签使用""括起来。 < 阅读全文
posted @ 2020-09-12 10:06 Maruying 阅读(129) 评论(0) 推荐(0)
摘要: JavaScript是一种属于网络的高级脚本语言(解释性脚本语言),已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。 一、如何插入JS代码? 使用<script>标签在HTML网页中插入JavaScript代码。注意, <script>标签要成对出现 阅读全文
posted @ 2020-09-12 09:58 Maruying 阅读(343) 评论(0) 推荐(0)
摘要: 一、使用border为盒子添加边框 盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细、样式和颜色(边框三个属性)。 1、border-style(边框样式)常见样式有: dashed(虚线)、 dotted(点线)、 solid(实线)。 2、border-color(边框颜色)中的 阅读全文
posted @ 2020-09-12 09:38 Maruying 阅读(1530) 评论(0) 推荐(0)
摘要: 一、盒子模型简介: 盒子模型就是布局网页的一种手段包括边框(border)、外边距(margin)、内边距(padding)、网页元素(content)、宽(width)、高(height)等元素。 一个元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。 如上图所 阅读全文
posted @ 2020-09-12 09:29 Maruying 阅读(263) 评论(0) 推荐(0)
摘要: 一、元素分类 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用 阅读全文
posted @ 2020-09-12 09:24 Maruying 阅读(1284) 评论(0) 推荐(0)
摘要: 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。 一、常用字体属性设置 (1)使用color设置字体颜色 (2)使用font-size设置字体大小 (3)使用font-family设置字体样式 (4)使用font-weight设置字体粗细 (5)使用font-style设置字体倾 阅读全文
posted @ 2020-09-12 09:20 Maruying 阅读(632) 评论(0) 推荐(0)
摘要: CSS选择器:花括号{}前的部分。选择器指明了CSS样式的租用对象(即样式作用与网页哪些元素) span{ font-size: 20px; color: blue; } 一、标签选择器 标签选择器其实就是作用于html代码中的标签对象。 <!DOCTYPE html> <html> <head> 阅读全文
posted @ 2020-09-12 09:12 Maruying 阅读(161) 评论(0) 推荐(0)
摘要: 一、CSS简介 CSS(Cascading Style Sheets) :层叠样式表,定义如何显示 HTML 元素。 CSS样式由选择器、声明组成,而声明又由属性和值组成,如下所示: 选择器:指明网页中要应用样式规则的元素,如本例中是将所有的端(p)的文字变成蓝色,而其他元素不会受到影响。 声明:在 阅读全文
posted @ 2020-09-12 09:04 Maruying 阅读(180) 评论(0) 推荐(0)
摘要: (1)<select>元素(下拉列表) <html> <body> <!-- 表单处理程序在action属性中指定 --> <form action='action_page.php'> <select name="cars"> <option value="audi">Audi</option> 阅读全文
posted @ 2020-09-12 08:42 Maruying 阅读(118) 评论(0) 推荐(0)
摘要: HTML 表单用于搜集不同类型的用户输入。 一、<form> 标签 <form> 标签用于为用户输入创建 HTML 表单。 表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。 表单用于向服务器传输数据。 (注释:form 元素是块级元素,其前后会产生折行。<input> 元 阅读全文
posted @ 2020-09-12 08:36 Maruying 阅读(247) 评论(0) 推荐(0)
摘要: 一、HTML属性 属性总是以名称/值对的形式出现,比如:name="value"。 属性总是在 HTML 元素的开始标签中规定。 如:HTML链接由<a>标签定义。链接的地址在href属性中制定 <a href="http://www.w3school.com.cn">This is a link< 阅读全文
posted @ 2020-09-12 08:25 Maruying 阅读(166) 评论(0) 推荐(0)
摘要: 一、HTML元素 HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。 开始标签元素内容结束标签 <p> This is a paragraph </p> <a href="default.htm"> This is a link </a> <br /> PS 阅读全文
posted @ 2020-09-12 08:21 Maruying 阅读(183) 评论(0) 推荐(0)
摘要: 一、HTML标题 HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。 <h1> 定义最大的标题(主标题),<h2>为次要标题,以此类推......,<h6> 定义最小的标题。 PS:浏览器会自动地在标题的前后添加空行。 <html> <body> <h1>这是一个标题 阅读全文
posted @ 2020-09-12 08:17 Maruying 阅读(162) 评论(0) 推荐(0)
摘要: 一、HTML简介 何为HTML? HTML(Hype Text Markup Language):超文本标记语言。不是一种编程语言,而是一种标记语言(用来标记标签)。 HTML使用标记标签来描述网页的。 HTML标签:由尖括号围成的关键词,如<html>。 HTML标签通常是成对出现的,如<b>和< 阅读全文
posted @ 2020-09-12 08:10 Maruying 阅读(286) 评论(0) 推荐(0)