1、安装编译器
HBuilder
HBuilder下载地址
HBuilder 使用教程 | 菜鸟教程 (runoob.com)教程
对HTML的理解
超文本语言,超出普通的文字的语言。可以将图片音频视频表现出来。
2、HTML基础操作
常用标签<>
基本部分:
标题标签:
段落标签:
换行标签:
!!直接回车不会换行要用<br>
水平线标签:)
列表:
div:
span:
格式化标签:
a标签:
超链接,
图片:
表格:
bgcolor:表格颜色
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<h1>1</h1>
<h2>2</h2>
<h3>3</h3>
<h4>4</h4>
<h5>5</h5>
<h6>6</h6>
<a name="mao"><p>duanluo1</P></a>
<p>duanluo2</P>
<h2 id="hh">huan<br>hang</h2>
<hr>
<hr color="hotpink" size="4" width="66&" align="right">
<ul type="square">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<ol type="I">
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
<div style="width: 500px;height: 100px;" align="char">div</div>
<span>span</span>
<hr>
<font color="aquamarine" size="6" face="楷体">前端</font>
<pre>
前
端
</pre>
H<sub>2</sub2>o
<a href="https://www.baidu.com/" target="_blank">百度</a>
<hr>
作词 : 古道
作曲 : 暗杠
编曲 : 慢镜头/暗杠
制作人 : 暗杠
和声编写/和声 : 暗杠
混音母带 : 白志森
监制 : 陈默
封面设计 : 梦雅
寅子:
<pre>路边的茶楼 人影错落
街上传来 两三声吆喝
人前摇扇 醒木拍桌
各位看官 你细听分说
暗杠:
这江山风雨 岁月山河
刀光剑影 美了多少世间传说
且看他口若悬河 衣上有风尘
却原来是一位江湖说书人
那天山女子 独守枯城
也只是为了曾经的那一个人
那昆仑痴儿 一情难分
谁曾想这一去再不相逢
寅子:
这江山风雨 岁月山河
侠骨柔肠 醉了多少此间看客
本就是浮萍游子漂泊本无根
萍水相逢浪迹天涯君莫问
那江山如画 各走一程
也苦尽了人间的多少苍生
那美女多娇 爱看英雄
道尽了江湖的血雨腥风
合:
城中楼阁 几经风霜
天涯游子 一梦黄粱
神鬼志异 荒唐一场
谈笑一段 半生疏狂
江山易老嘛 几度斑驳
痴儿侠女 奈何情多
酒剑随马 他乡异客
白衣不见 桃花如昨
寅子:
哎呦 嘛时候是津门第一捏
暗杠:
弟弟
寅子:
干嘛啊
暗杠:
弟弟
寅子:
哎呀到底干嘛啊
暗杠:
弟弟
寅子:
这猴卖吗
暗杠:
弟弟
寅子:
我跟你说 这猴不卖
在坐的看官 莫想太多
书中故事 是世间蹉跎
各人心中 它自有评说
听完这段 你一笑而过
合:
城中楼阁 几经风霜
天涯游子 一梦黄粱
神鬼志异 荒唐一场
谈笑一段 半生疏狂
暗杠:
这江山风雨 岁月山河
人世苦短 又有几人看破
大梦一场也只是戏中你我
欲知后事如何 且听我下回分说
<pre>
<a href="#">回到顶部</a>
<a href="#hh">huanhang</a>
<a href="#mao">text(duanluo1)</a>
<img src="img/基本内容.png" width="666" height="333" border="5" title="zzuli"/>
<table width="440px" align="center " border="2" style="border-collapse: collapse;"
<tr>
<th>编号</th>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr align="center" bgcolor="aquamarine">
<th>1</th>
<th>张</th>
<th>11</th>
</tr>
</body>
</html>
3、表单
form:
向服务器传输数据
通常来说,
查找数据时用get
提交数据时用post
input:
texrarea:
label:
聚焦
button:
上下二者区别:
后者在双标签之间,中间可以加其他东西,比如改个颜色。
select:
4、字符实体:
5、标签的分类
表单元素:input,textarea,select
CSS
用来美化HTML的
1、基本使用
优先级:1>2>3
CSS选择器:
重点:
优先级:
组合选择器:
CSS常用属性:
背景:
文本:
其他:
盒子模型:
内边距,边框,外边距
border:
padding:
margin:
all:
JS——JavaScript:
概述:
JS:
js的使用:
语句和注释:
标识符和关键字:
注释:
变量:
声明:
变量的 注意点:
变量名提升:
数据类型:
具体情况:
null类型:
布尔类型:
数值型:
字符串类型:
对象:
ps:
类型转换:
自动转换:
函数转换:
显示转换:
运算符:
算数运算符:
赋值运算符:
比较运算符:
逻辑运算符:
三目运算符:
?前为真输出":"前的3,为假,输出":"后面的5
选择语句:
PS:比较时用的是全等(===)
for:
数组:
数组的定义:
数组的操作:
了解:
数组的遍历:
数组提供的方法:
函数:
函数的定义:
函数的参数:
函数的调用:
函数的返回值:return
函数的作用域:
内置对象:
string:
Math:
Date:
对象:
对象的创建:
对象的操作:
对象的序列化和反序列化:
this:
事件:
几个名词:
常用的事件类型:
事件流:
事件处理程序(事件绑定方式):
DOM??
表单:
获取表单:
获取表单元素: