一、格式
<html>
<head>
</head>
<body>
</body>
</html>
二、第一课
1、加<title>网页名字</title>（在<head>中）
2、<br>换行
3、<hr color="red"> 分割线，颜色设置为红色
3、<body color="red"></body>（body中）设置背景颜色
4、<font size="4"></font>设置字体大小
5、段落对齐方式：
<p align="对齐方式"></p>
align取值为left 左对齐
align取值为right 右对齐
align取值为center 居中对齐
6、段落标签<p></p>
7、滚动（在</body>下面，</hetml>中）
<marqueedirection="滚动方向" behavior="滚动方式" loop="滚动次数" bgcolor="弹幕背景颜色"scrollamount="滚动速度"scrolldelay="滚动延迟"><font size="文字大小字号：如4,5,6" color="文字颜色">弹幕文字</font></marquee>
direction取值：up向上、down向下、left向左（默认）、right向右
behavior取值：scroll循环滚动、slide滚动一次、alternate来回交替滚动
loop取值必须为整数
scrolldelay取值以毫秒为单位ms
scrollamount取值为文字每次移动长度，以像素为单位
三、第二课
1、 无序列表
<ul>
<ul type="square">
<li>输入内容1</li>
<li>内容2</li>
<li>内容3</li>
</ul>
2、有序列表
<ol>
<ol type="1">
<li>输入内容1</li>
<li>内容2</li>
<li>内容3</li>
</ol>
3、小标题
Heading标签也叫做H标签,HTML语言里一共有六种大小的heading标签,是网页html中对文本标题所进行的着重强调的一种标签,以标签<h1>、<h2>、<h3>到<h7>定义标题头的七个不同文字大小的tags
<h3>输入小标题内容</h3>
4、插入图像
<img src="图片image/1.jpg">
5、插入音乐
<audio src="音乐music/形容.mp3""autoplay="true"></audio>
6、超链接
7、表格
<table border="字号"bordercolor="表格框线颜色">
<tr>
<td>男歌手</td>
</tr>
</table>
8、表格跨行
四、第三课
1.表单
<form>
输入内容
</form>
2.表单基本属性
action是页面跳转
3.input文本框与密码框
姓名:<input type="text" name="userName" value="张三"/>
value为默认，输入什么就在页面上显示什么
<br>
密码:<input type="password" name="pwd" value="1234"/>
</body>
4.input单选框
性别:<input type ="radio" name="sex" value="male" />男
<input type ="radio" name="sex" value="femal" />女
<input type ="radio" name="sex" value="none" />无性别者
name都一样
性别:<input type ="radio" name="sex" value="male" checked/>男
checked默认先选择这个选项
5.复选框（可选择多个选项）
爱好：<input type="checkbox" name="hoby" value="lq" />篮球
<input type="checkbox" name="hoby" value="zq" />足球
<input type="checkbox" name="hoby" value="ppq" />乒乓球
<input type="checkbox" name="hoby" value="ymq" />羽毛球
6.下拉列表
城市：<select name="province" size="1" >
<option value="ah" />安徽
<option value="sh" />上海
<option value="bj" selected/>北京
</select>
城市：<select name="city" size="1" multiple >
加multiple 多选
7.文本输入区
<textarea name="address" cols="10" row="4" ></textarea>
8.文件域
<form enctype="multipart/form-data>
图片：<input type="file" name="image"/>
</form>
9.按钮
<input type="button" name="bd" value="百度一下" />
<input type="reset" name="cz" value="重置" />
<input type="submit" name="tj" value="提交" />
10.隐藏密码与显示密码
<form action="" name="forml" method="post">隐藏
<form action="" name="forml" method="get">显示
11.跳转
<form action="2.html" name="forml" method="post">
跳到2.html
五、第四课
1.css基本语法
2.css样式
<link type="text/css" rel=stylesheet href="css/1.css">
导入css文件
3.选择符分类
color:blue;
font-family:华文彩云;
font-size:60px;}
.t1{color:green;
font-family:楷体;
font-size:20px;}
#t2{color:yellow;
font-family:幼圆;
font-size:90px;}
<h2>内部样式举例1</h2>
<p class="t1">内部样式举例2</p>
<h3 id="t2">内部样式举例id id和#</h3>
<a href="https://www.baidu.com">百度一下</a>
4.伪类和伪对象
a:link{
color:black;
}
a:visiyed{
color:blue;
}
a:hover{
color:red;
font-size:80%
}
a.active{
color:yellow;
font-size:180%
}
p:first-letter{
color:red;
font-size:190%
}
d:first-line{
color:pink;
font-size:190%
}
6.DIV布局
<body>
<div id="container">这是顶部</div>
<div id="banner"> 这是标题</div>
<div id="content">这是正文 </div>
<div id="link"> 这是右边</div>
<div id="footer">这是底部 </div>
</body>
六、第五课
版权声明：本文为qq_57400690原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。