html学习笔记

1,颜色 color:#930;

2,文字大小  font-size:15px;

3,文字居中 text-align:center

4,插图片链接  <img src="#">

5,浏览器标题信息 <head>  <title> </title></head>,

6,注释 <!--   -->,

7,分级标题<h1></h1> <h2></h2>

8,字体加粗<strong></strong>

9,斜体<em></em>,

10,单独设置文字样式 <span></span>   <head> <style>  color:blue;</style>  </head>

11,引用 <q></q>  :双引号

12,长文本引用 <blockquote  ></blockquote> :让文本为缩进式

13,回车 <br/>  :在需要还行的地方处添加

14,空格  

15,分割线 <hr/>

16,地址显示<address></address>

17,加入一行代码语言 <code> </code>

18,加入大量代码 <pre> </pre>

19,添加列表 <ul>    //没有前后顺序信息的列表信息

         <li>  </li>   //一行

          <li>  </li>

       </ul>

20,添加有序列表

      <ol>  

         <li>  </li>

          <li>  </li>

       </ol>

21,独立板块  <div  id="模板名称">  </div>

22,表格  <table> <tbody> <tr>  //一行<th> //一列   </th> </tr> </tbody> </table>

23,表格的摘要 <table summary="简介文档">

24,表格标题 <table>  <caption>标题文本</caption> </table>

25,网页链接 <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>

 

26,在新建浏览器窗口中打开链接  <a href="#" target="_blank">click here! </a>

 

27,链接Email地址 

1,邮箱地址 <a href="mailto:[email protected]">发送</a>

2,抄送地址 <a href="mailto:[email protected][email protected]">发送</a>

3,秘密抄送地址  <a href="mailto:[email protected][email protected]">发送</a>

4,多个收件人、抄送、秘密抄送 <a href="mailto:[email protected];xx@qq/com">发送</a>

5,邮件主题和内容  <a href="mailto:[email protected]?subject=发送电子邮件&body=你好">发送</a>

 

28,插入图片 <img src="#" alt="下载失败的替换文本"  title="鼠标滑过的提示文本">

29,表单标签,与用户交互 <form method="传送方式" action="服务器文件"> </form>

 

 

30,文本框、密码输入框

<form>

   <input type="text/password" name="名称(文本框的名字,便于后台调用)" value="输入框默认值" />

</form>

 

31,文本域,多行文本输入

<textarea  rows="行数" cols="列数">文本</textarea>

32,选择框、复选框

<input   type="radio/checkbox"   value=""    name="名称"   checked="checked"/>

   type="radio" 时,控件为单选框

    type="checkbox" 时,控件为复选框

同一组的单选按钮,name 取值一定要一致

33,下拉列表框

    <select>

      <option value="看书">看书</option>

      <option value="旅游" selected="selected">旅游</option>

      <option value="运动">运动</option>

      <option value="购物">购物</option>

    </select>

设置selected="selected"属性,则该选项就被默认选中。

   <select multiple="multiple">  //下拉框具有多选功能

34,使用提交按钮

<input   type="submit"   value="提交">

type:只有当type值设置为submit时,按钮才有提交作用

value按钮上显示的文字

35,重置按钮重置表单信息

<input type="reset" value="重置">

type:只有当type值设置为reset时,按钮才有重置作用

 

36form表格里面的lable标签

label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)

注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

<label for="控件id名称">

37.form标签

通俗的讲 form标签是用来进行表单提交用的
form标签里面的常见属性如下
action: 表单提交的地址, 肯定是要提交给某个服务器的,action的地址就是要提交的服务器的地址
method:以何种方式提交,常见的为get和post. 区别在于一个是明文(在url中显示),一个是暗文



你可能感兴趣的:(html学习笔记)