标签：oop ade multi blank 布局 form 显示 音频 blog
第一节课：
1.认识HTML的基本标签
<p>标签是属于段落标签
<pre>属于预文本标签，可以实现换行、空格、段落
<hr size="10"/>hr属于标签，size是属性，10是属性值
尽管有些HTML的属性可以改变外观，但通常不会去使用HTML属性去改变，而是用css去改变
2.列表标签
<ol></ol>是有序列表
<ul></ul>是无序列表
<dl>
<dt>
<dd>
</dd>
</dt>
<dl>是定义解释列表
3.表格
<table>
<tr>我是行标签
<th>我是加粗标题标签</th>
</tr>
<tr>我是行标签
<td>我是列数据</td>
</tr>
</table>
一般要有规则性的表格采用table，table加载速度慢，灵活性不好、兼容性差
4.链接
<a href="" target="_blank"></a>..._blank是指打开一个新页加载跳转的页面
第二节课
1、绝对路径和相对路径
同一级目录可以相互调用
但如果不在同一级目录
则要在图片的一级目录里面调用，列如有1和3是一级目录，在1下面有一个2文件夹，在2文件夹里面有一个1.jpg，3文件里面有一个1.html，现在要在html中调用图片：../1/2/1.jpg
案列2：有1和4为一级目录，在1下面有一个2文件夹在2下面有一个3文件夹，在3下面有一个1.html，在4下面有一个1.jpg，则在html中调用图片../../../4/1.jpg
总结：先找到html的和图片所在的相同级，再调用../表示上一级
2、在<img>中只设置宽度则图片为等比例放大或缩小，若设定宽和高图片可能会变形，alt=“这里没有图片（一系列说明词语）”，作用是当图片显示不出来的时候会有文字提示
3、表单元素 <input>属于单闭合标签
<form action="表单元素需要提交的网址" method="get"/"post">get用于提交的数据量小比如id、标识，post提交的数据量大，安全系数较好，
<input type="text"/>输入文本的输入框
<input type="password"/>输入密码的输入框
<select multiple="multiple">按住Ctrl可以多选<select>
<option>我是下拉选项</option>
<input type="button" value="我是按钮"/>
<input type="file"/>
<input type="checkbox"/>多选按钮
<input type="radio" name="sex"/>男<input type="radio" name="sex"/>女 设为相同的name则只能选择其中之一
</form>
<input type="submit"/>提交按钮
<input type="reset"/>重置按钮
4、<textarea cols="20" rows="10"></textarea>
第三节课
1、标签的语义化，html5的布局以及常用标签 详情请见网址：https://www.cnblogs.com/ruanmou/p/4821894.html
在网页中要显示<html>则要在代码中：<html>（对html的转义）
<audio src="" controls="controls" autoplay="autoplay"loop="2">将音频文件显示并且自动播放循环2次
html5布局
header我是头部标签，标题，顶部信息
nav我是导航栏
article我是文章
section我是文章中的章节
footer我是底部标签
hgroup代表网页或section的标题可以包括h1 h2系列的标签
figure标签是代表独立的流内容而figcaption定义figure的标题
带有文本框的下拉菜单：<datalist id="citylist"></datalist>
h5标签以及其用简略代码能实现强大的功能是未来的一个发展趋势
响应式布局：能判断不同的设备的显示的宽度自己做出调整
标签：oop ade multi blank 布局 form 显示 音频 blog
原文地址：http://www.cnblogs.com/renjiaoyang/p/7367981.html
