Javaweb基础知识介绍---HTML、CSS、JavaScript HTML部分
HTML是最基础的⽹页开发语⾔。全称是Hyper Text Markup Language（超⽂本标记语⾔）
超⽂本使⽤超链接的⽅法，将个那个不同空间的⽂字信息1组织在⼀起的⽹状⽂本。
HTML是⼀种标记语⾔，由标签构成的语⾔。<；标签名>如html,xml等
标记语⾔不是编程语⾔。
html radio点击变颜HTML语⾔语法：
在HTML⽂档的后缀名为“.html”或“.htm”
标签分为围堵标签和⾃闭合标签。
围堵标签：有开始标签和结束标签，如<html></html>
⾃闭合标签：开始标签和结束标签在⼀起。如<br/>
在标签中是可以嵌套的，但是需要正确嵌套，不能“你中有我，我中有你”
错误嵌套格式：<a><b></a></b>
正确嵌套格式：<a><b></b></a>
在开始标签中可以定义属性，属性是由键值对构成，值需要⽤引号（单双都可以）引起来。
在HTML中，是不区分⼤⼩写的，但是建议使⽤⼩写。
在HTML中标签分为⽂件标签，⽂本标签，图⽚标签，列表标签，链接标签，表格标签。
⽂件标签：是构成HTML的最基本的标签。
  HTML：是HTML⽂档的根标签。
  head：头标签。⽤于指定HTML⽂档的⼀些属性。引⼊外部的资源。
  title：标题标签。
  body：体标签。
  <! DOCTYPE HTML>：HTML5中定义该⽂档是HTML⽂档。
⽂本标签：和⽂本有关的标签。
  注释：<! -- 注释内容-->
  <h1>-<h6>：标题标签。
    h1-h6的字体⼤⼩逐渐递减。
  <p>：段落标签。
  <br>：换⾏标签。
  <hr>：展⽰⼀条⽔平线。
    属性：
      color：颜⾊。
      width：宽度。
      size:⾼度。
      align：对齐⽅式。
        center：居中。
        left：左对齐，
        right：右对齐。
  <b>：字体加粗
  <i>：字体斜体
  <font>：字体标签
    属性：
      color：颜⾊
      size：⼤⼩
      face：字体
    属性定义：
      color：
        英⽂单词：red,green,blue。
        rgb值：值的范围：0-255。如（0，255，255）
        #值1值2值3：值的范围：00-FF之间。如：#FF00FF
      width:
        数值：width=’23‘，数值的单位默认是px（像素）
··      　数值%：占⽐相对于⽗元素的⽐例。
图⽚标签：img
  在web中，以“./”开头的路径代表当前⽬录；以“../"开头的路径代表上⼀级⽬录。列表标签：
  有序列表：
    ol：列表
    li：列表项
  ⽆序列表：
    ul：列表
    li：列表项
链接标签：
  a：定义⼀个超链接。
    属性：
      href：指定访问资源的URL（统⼀资源定位符）
      target：指定打开资源的⽅式。
        _self：默认值，在当前页⾯打开。
        _blank：在空⽩页⾯打开。
div和span：
  div：每⼀个div占满⼀整⾏。块级标签。
  span：⽂本信息在⼀⾏展⽰，⾏内标签，内联标签。
语义化标签：html5中为了提⾼程序的可读性，提供了⼀些标签。
  <header>：页眉    <footer>：页脚
表格标签：
  table：定义表格。
    width：宽度  border：边框  cellpadding：定义内容和单元格的距离
    cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为⼀条。
    bgcolor：背景⾊  align：对齐⽅式
  tr：定义⾏
    bgcolor：背景⾊  align：对齐⽅式
  td：定义单元格
    colspan：合并列
    rowspan：合并⾏
  th：定义表头单元格
    <caption>：表格标题
    <thead>：表⽰表格的头部分
    <tbody>：表⽰表格的体部分
    <tfoot>：表⽰表格的脚步分
表单标签：适⽤于采集⽤户输⼊的数据的，⽤于和服务器进⾏交互。
form：⽤于定义表单，可以定义⼀个范围，范围代表采集⽤户数据的范围。
属性:
  action：指定提交数据URL
  method：指定提交⽅式
  分类：⼀共分为7种，2种⽐较常⽤。
    GET：请求参数会在地址栏中显⽰，会封装到请求⾏中
      　请求参数⼤⼩是有限制的
      　不太安全
    POST：请求参数不会在地址栏中显⽰。会封装到请求体中。
      　请求参数的⼤⼩没有限制。
      　较为安全·。
表单项中的数据想要被提交，必须具有name属性。
表单项标签：
  input：可以通过type属性值，改变元素的样式。
    type属性：
      text：⽂本输⼊框，默认值。
        placeholder：指定输⼊框的提⽰信息，当输⼊框的内容发⽣变化，会⾃动清空提⽰信息。      password：密码输⼊框。
      radio：单选框
        注意：要想让多个单选框实现单选的效果，则多个单选框的name属性值必须⼀致。
            ⼀般会给每⼀个单选框提供value属性，指定其被选中后提交的值。
            checked属性，可以指定默认值。
      checkbox：复选框。
      file：⽂件选择框。
      hidden：隐藏域，⽤于提交⼀些信息。
      按钮:
        submit：提交按钮，可以提交表单
        button：普通按钮
        image：图⽚提交按钮
          src属性指定图⽚的路径
      label：指定输⼊项的⽂字描述信息。
        注意：
          label的for属性⼀般会和input的id属性值对应，如果对应了，则点击label区域，会让input输⼊框获取焦点。      select：下拉列表。
        ⼦元素：option，指定列表项
      textarea:⽂本域。
        cols：指定列数，每⼀⾏有多少字符。
        rows：默认多少⾏。
CSS部分·
css⽤于页⾯美化和布局控制
css全称：Cascading Style Sheets  层叠样式表
　层叠：即多个样式可以作⽤在同⼀个html的元素上，同时⽣效
好处：功能强⼤，将内容展⽰和样式控制分开可以降低耦合度，解耦·；让分⼯协作更容易；提⾼开发效率。
css的使⽤：css与HTML的结合⽅式
  内联⽅式：
    在标签内使⽤style属性指定css代码，如：<div >hello css</div>
  内部样式：
    在head标签内·，定义style标签，style标签的·标签体内容就是css代码。
    如:
    <style>
      　div{
          color:blue
        }
    </style>
    <div>hello css</div>
  外部样式：
    定义css资源⽂件，在head标签内，定义link标签，引⼊外部资源⽂件。
注意：三种⽅式，css的作⽤范围越来越⼤。
  　第⼀种⽅式不常⽤，⼆三种较为常⽤。
  第三种⽅式格式可以写为：
    <style>
      @import"css/a.css";
    </style>
css语法：
  格式：
    选择{
      属性1：属性值1；
      属性2：属性值2；
      属性3：属性值3；
      ...
    }
选择器：筛选具有相似特征的元素。
注意：
  每⼀对属性需要使⽤”；“隔开，最后⼀处属性可以不加；
选择器：筛选具有相似特征的元素。
分类：
基础选择器：
  id选择器：选择具体的id属性值的元素，建议在⼀个HTML页⾯中id值唯⼀    语法#id属性值{}
  元素选择器：选择具有相同标签名称的元素
    语法：标签名称{}
    注意：id选择器优先级⾼于元素选择器
  类选择器：选择具有相同class属性值的元素
    语法：class属性值{}
    注意：类选择器优先级⾼于元素选择器
扩展选择器：
  选择所有元素：
    语法：*{}
  并集选择器：
    选择器1，选择器2{}
  ⼦选择器：筛选选择器1元素下的选择器2元素
    语法：选择1 选择器2{}
  ⽗选择器：筛选选择2的⽗元素选择器1
    语法：选择器1 > 选择器2{}
  属性选择器：选择元素名称，元素=属性值的元素
    语法：元素名称[属性名=“属性值”]{}
  伪类选择器：选择⼀些元素具有的状态
    语法：元素：状态{}
    如：<a>
      状态：
        Link：初始化的状态
        visited：被访问过的状态
        active：正在访问的状态

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。