JavaWeb一 html+css

Web

选择浏览器执行页面

快捷键注释  -----   ctrl + shlft + /




增加alert() 到按钮



单标签：换行
  水平线

---

标签语法

标签不能交叉嵌套

标签必须正确关闭（闭合）

没有文本内容的标签

属性必须有值，属性值必须加引号

注释不能嵌套

特殊字符

标题 h1-h6

8.5 列表 ： 有序列表 ol (orderlist)、无序列表 ul 、 定义列表（不常用）

type="none "取消前面符号

8.6 图片

src中写上文件的相对路径，就能调用文件了，相对路径变更，显示出错

。 表示当前目录  。。表示上一级目录    文件名 == 。/文件名

 

table 表格标签  tr 行标签  td 列标签 （th头标签--固定格式）

 

 

iframe 可以通过         src = "一个页面.html"   来定义初始显示的页面

想要iframe 和 超链接组合使用   
   需要在iframe标签中 的 name 属性中设置一个值"abc”
   然后在需要嗲用超链接的地方 中 target属性指定 连接到 “abc”

单选框radio  中 name 属性 设为sex，进行分组，多个相同组的radio单选框同时存在时，只能选择一个
checked = “checked” 属性表示 该单选框为默认选项
多选框checkbox 中    checked = “checked” 多属性表示 该单选框为默认选项


        

input  --  type= text               --  文本输入
input  --  type= password     --  密码输入
input  --  type= radio             --  单选框
input  --  type= checkbox     --  多选框

select    ---------------下拉列表框
         opition----------下拉列表中的选项
textarea----------------多行文本输入框
         rows长   cols宽
input  --  type= radio            --  重置按钮
input  --  type= submit         --  提交按钮
input  --  type= file               --  文件上传域
 

表单提交细节

要想让表单内容整齐，将整个表单的内容 放入表格table中

实现表单提交给服务器

      1、

标签中   action 属性---- 输入 服务器地址      method 属性---- 输入 提交方式
      2、 只有标签中设置了name属性值的标签才会提交值到服务器
                 单选、多选、下拉列表中的option  都要加上value属性，才会将选择的值传递给服务器


            

div：独占一行
span：包裹文本文字
p：上下默认一行

CSS语法规则

style中的代码是CSS的，所以注释应该用/*  */


           

优先级  组合 > id  > class > 标签

标签选择器的使用：
只要是标签名选择器，直接在html中使用相应的标签就能用

--------------------------提供id选择器，不可重复使用

ID选择器的使用：
直接在对应的标签中的id属上，加上对应的ID选择器名就可以使用了

-----提供class选择器，可以重复使用

CSS文件中定义好class选择器

在使用中，直接选择需要的class赋值使用

----------同时修改class、id等选择器使用者的样式

定义好组合选择器，调用时，就可以同时修改class选择器、id选择器的等多个选择器的样式

例如此时，div和span分别使用的是class01、id01选择器，皆可以在包含这两个选择器的组合选择器中同时修改样式

        color
           weight
          heigth:
  background-color:#0F2D4C
 5 、 font-size
 6、 border: 1px soild red
  margin-left:auto;    margin-right:auto;
 text-align:center
 text-decoration:none
 
              table{
                     border:1px soild black  /*设置边框*/
                     border-collapse:collapse;  /*边框合并*/
              }
              td,th{
                     border:1px  soild  black  /*设置边框*/
              }