1、html概述
    1.1 前端语言 展示数据  json 存储数据、传递数据  ja、jquery  优化界面、添加特效、提供ajax进行数据交互
   
    1.2 html 不区分大小写
   
    1.3 html 基本组成单位 是标签
   
    1.4 html是一种解释型语言
                            解释器逐行翻译并运行
            解释  :  .html  -------------------------> 在浏览器加载完毕出现效果
                        任何浏览器中都嵌套了 html语言的解释器
                      缺点: 效率低 每次运行都需要解释 
                      优点: 可以跨平台
                            编译器
            编译  :  .c  ------------>    .exe（是一个二进制文件）
                      exe文件直接有计算机运行就可以了
                     
                      优点 : 效率高  编译一次 永久执行
                      缺点 ：不能跨平台
                     
            java语言
                先编译                    编译
                    .java + java编译器（） -----》 .class
                后解释                      逐行翻译并运行
                    .class + java的解释器 ( )--------------》运行处效果
                   
                   
            java 跨平台 --- 说的是class文件   
                   
                   
2、html标签分类
    单标签
        <标签名/>  <br/>  <hr/>      <input  ... />
    双标签
        <标签名> 。。。 </标签名>  <b></b>  <i></i>
       
3、常见的文本标签
    <b></b> 加粗
    <i></i> 倾斜
    <u></u>下划线
    <s></s> 删除线
    <h1></h1> ~~~ <h6></h6> 标题标签 字体加粗、换行效果
    <font></font> 修改字体
    <p></p> 段落
    <span></span>表示一小段文本
    <small></small> 字体略小
    <big></big> 字体略大
        small和big 往往嵌套在 h系列的标签中使用
    <sub></sub> 下标文本
    <sup></sup> 上标文本
4、输入框
    <input />
        type 
            text 文本
            password 密码
            radio 单选框
            checkbox 复选框
            number  数字
            date 日期
            file 文件
            email 邮箱
            ......
        name
            属性值自己写
           
        hidden
            属性值也是hidden
        readonly 只读
            属性值 也是 readonly
       
        disabled属性  置灰
            属性值 也是 disabled
           
        value 默认值
        placeholder 在输入框中添加提示文本
            属性值随便写
       
       
5、列表
        无序列表
            <ul>
                <li></li>
                <li></li>
                <li></li>
            </ul>
       
       
        有序列表   
            <ol>
                <li></li>
                <li></li>
                <li></li>
            </ol>
       
        li标签 只能嵌套在 ol或者ul中使用
       
        ul中 存在 type属性  取值可以是 circle、square、disc 圆点
       
        ol  存在type属性 取值 可以是  1 、a、A、i、I
       
6、块级元素、行内元素(内联元素)
        行内元素: 自身不带换行效果,比如b标签、a标签、i标签.... 想换行需要用 br
        块级元素: 自身带有换行效果 . 默认不和其他标签同行存在 比如 h1系列、table、p标签、div、ol、ul....
            <b></b>
            <h1></h1>
            <b></b>   
7、超链接
        <a href="xxxx">文本</a>
8、下拉框
        国籍<select name="gj">
           
            <option value="laomei">美国</option>
            <option value="china">中国</option>
            <option value="xrb">日本</option>
        </select>
       
        option标签有个属性
            selected  属性值也是 selected
        后台获取
            String s = Parameter("gj"); // 下拉框选中的是哪个  获取的就是哪个option的value值
           
9、table 表格
        展示数据、规范form表单的格式、布局(div出现之后 就out了)
        table 表格
            属性          含义                  取值
            bgcolor        表格的背景颜        单词、rgb表示的颜、16进制表示的颜
            align        表格的位置            left center right
            width        宽度                像素
            height        高度                像素
            cellspacing    单元格之间的距离    像素 往往设置为 0
        tr
            行
           
            align        本行中数据相对于单元格的位置  left  center  right
            bgcolor        本行的背景颜      单词、rgb表示的颜、16进制表示的颜
       
        td
            嵌套在tr中使用  表示单元格 
            align        本单元格中数据相对于单元格的位置  left  center  right
            bgcolor        本单元格的背景颜      单词、rgb表示的颜、16进制表示的颜
            colspan 、 rowspan 详情见161---166行
        th 属性和td相同
            也是嵌套在tr中使用 表示单元格  一般表格的首行 中的单元格用th写  其余行的单元格用td写
       
        thead
            一般习惯性地 将 第一个 tr  嵌套在 thead中  表示表头
       
        tbody
            将其余行的 tr 嵌套在 tbody中 表示表格的内容
           
        这种标签为了增强代码的 语义性    没有其他任何效果
       
       
10、html中的共有属性
        title  提示框
jquery在一个元素后追加标签
        class  为给标签添加样式提供的属性
            属性值可以重复
                <a class="test"></a>
                <p class="test"></p>
        id    为给标签添加样式提供的属性
            属性值不能重复
            <a id="test"></a>
            <p id="test"></[>
           
       
        hidden 隐藏
        style  用于添加样式
           
    补充一个标签
        <marquee>滚动</marquee>
11、css概述
        层叠样式表
        学习css 就是学样式
        样式？类似属性、可以美化标签、给标签添加更好看的效果。
       
        html  盖房子  css 装修  js/jquery 精装

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