网页前端培训笔记

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?? 

表单:

获取表单:

获取表单元素:

 

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值