JavaWeb笔记(HTML)

一.标签

1.标签不区分大小写

2.标签有自己的属性

      2.1基本属性，可修改简单的样式效果

      2.2事件属性，可设置事件响应后的代码

3.特殊字符

   HTML中不管敲多少个空格，浏览器只     会识 别 一个空格

     &lt  表示    <

    &gt  表示     >

    &nbsp  表示 空格   (这个可以敲多个空       格)

4.超链接

    <a>  超连接</a>

     href  超链接的地址

    target 的 self属性 表示当前页面跳转         (默认)

              →  blank表示打开新的页面跳转

5.列表

  ul是无序列表     (type属性可以修改列表项前       面的小圆点)

  ol是有序列表

  li   列表项

6.img标签

    src属性   分相对路径和绝对路径

   相对路径 :

    ①  .   表示当前文件所在的目录

    ②   ..  表示当前文件所在的上一层目录

  7.表格 table

  tr   行标签

 th  表头标签

  td 单元格标签

  tr 嵌套 th 和 td

 cellspacing  单元格间距

  border       边框

  colspan     跨列  (记得删除被跨的单格)

  rowspan     跨行  (记得删除被跨的单格)

8.   iframe 标签   可以在页面上开辟一个小区          域显示一个单独的页面

   例： <iframe src="XXX.html">                            </iframe>

  iframe和a 组合使用

     ⑴在标签iframe中使用name属性定义           一个名称

     ⑵在a标签的target属性上设置上这个           名称

9.表单 form

表单就是html中用来收集用户信息的所有元素集合，然后把这些信息发送给服务器

action属性 设置提交的服务器地址

method 属性设置提交的方式       GET（默认）或POST

input type=text    文本输入框    value设置默认内容

input type= password  密码输入框   value设置默认值

input type=radio 单选框  name属性可以对其进行分组 （只有分组，才能实现一组中只能选择一个的效果）

input type=checkbox 多选框

input type=reset  重置

input type=submit  提交

input type=button  按钮

input type=file   文件上传域

input type=hidden  隐藏域  当我们要发送某些信息，而这些信息，不需要用户参与

select  下拉列表

    option 是下拉列表种的选项

textarea  多行文本输入框  row设置可以显示几行的高度   cols设置每行可以显示几个字符宽度

习惯上把这些输入框放在表格table中，table放在form中，提交给服务器的表单项要有name属性值

表单提交的时候，数据没有发送给服务器的三种情况:

 ⑴ 表单项没有name属性值。

 ⑵单选，多选（下拉列表的option标             签）都要添加value属性，以便发送给       服务器

 ⑶表单项不在提交的form标签中

GET请求比POST请求更安全，地址栏不会显示密码，可发送的数据更大

HTML和css结合使用

 把css写成一个单独的css文件，在通过link标   签引入即可。

    <link rel="stylesheet"  type="text/css"      href="css文件"/>

选择器

⑴标签名选择器

      标签名{}

⑵id选择器

     #id值{}

⑶class选择器

     .class值{}

不同类型的选择器可以写到一起

 

HTML和JS结合

可以把JS单独写一个文件，在HTML中用<script type="text/JavaScript" src="js文件路径">

script标签可以用来定义JS代码，也可以用来引入JS文件，但是只能两个功能二选一，不能同时实现