HTML笔记

随便写写

第一章 HTML介绍1.<meta http-equiv="Content-Type" content="text/html; charset=utf-8">http-equiv="Content-Type" 表示描述文档类型content="text/HTML; 文档类型mime类型，这里为html,如果JS就是text/javascript，charset=utf-8 页面字符集，编码，eg:gb2312,iso-8859-1,utf-8meta是html中的元标签，其中包含了对应html的相关信息，客户端浏览器或服务器端的程序会根据这些信息进行处理。HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。第二章 认识标签（第一部分）1.<p> 段落标签  用于显示正文。2.<hx>标签  用于显示文章的标题。3.<em>和<strong> 都表示强调，em默认用斜体表示，strong的语气比em要强烈。4.<span>标签是没有语义的，它的作用就是为了设置单独的样式用的，相当于自定义CSS。5.<br/>换行标签 html不存在回车换行的概念，只能用br标签进行换行。6.  空格 html中同样没有空格的概念，需要使用 来完成空格。7.<hr/>横线标签，用于在界面中加入一条横线，用于分隔，保证美观。第三章 认识标签（第二部分）1.<ul>标签 添加信息列表<ul><li></li></ul>2.<ol>标签 与ul标签相同，都是信息列表，但是ol标签里的内容是按照先后顺序排序的。3.<div id=""> id是唯一的，可以对div进行定义。4.<tabale>标签（1）整个表格以<table></table>来表示。（2）<tr>表示表格的行。（3）<td>表示列（4）<th>表示表头（5）表格样式：<table><tr><th></th></tr><tr><td></td></tr></table>5.<caption>标签 用于添加表格的标题。第四章 认识标签（第三部分）1.<a>标签，超链接到另一个页面。<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>2.在新建浏览器窗口中打开连接：<a href="目标网址" target="_blank">click here!</a>第五章 与浏览器交互，表单标签1.使用标签与用户进行交互<form   method="传送方式"   action="服务器文件">2.文本输入框和密码输入框<input type="text/password" name="名称" value="文本" />当type="text"时，输入框为文本输入框;当type="password"时, 输入框为密码输入框。3.单选框和复选框语法：<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>1、type:   当 type="radio" 时，控件为单选框   当 type="checkbox" 时，控件为复选框2、value：提交数据到服务器的值（后台程序PHP使用）3、name：为控件命名，以备后台程序 ASP、PHP 使用4、checked：当设置 checked="checked" 时，该选项被默认选中5.注意的是radio的name一定要一样，如果不一样就能同时选中了。4.下拉框<select>      <option value="向服务器提交的值">文本</option>    </select>在option中增加  selected="selected" 会默认选中5.提交当input中type="submit" 即可完成提交6.form表单中的label标签 <label for="male">男</label>  <input type="radio" name="gender" id="male" />label中的for与input中的name一致，这样的话，鼠标只要点击文字，也能触发选中动作。