zoukankan      html  css  js  c++  java
  • python学习之路day12(html)

    1.前端基础

    (1)html标签 特征:
    1.空白折叠现象
    2.对空格和换行不敏感
    3.标签要严格封闭
    (2)p标签的嵌套 多注意!!!!!!
    p中只能存放字体、图片、表单控件 不能放盒子标签
    (3)html中标签的分类:
    1.行内标签
    (1)在一行内显示 span strong em i del a b
    (2)不能设置宽高 默认的宽和高 是内容填充
    1.1 行内块标签 img input
    (1) 在一行内显示
    (2) 可以设置宽高
    2.块级标签 div p h1~h6
    (1)独占一行
    (2)可以设置宽高,如果不设置宽和高,默认的宽是父亲的100%。高度是内容的高度

    3.一些网页布局结构
    a.div模型
    division:分割

    div+span 网页布局

    p标签只能放 文本 图片 表单元素,不能放其他的元素

    (4)标签的使用
    a:
    (1)超链接
    href 超链接的地址
    target: _self 默认 在当前中打开链接地址
    _blank 在空白的页面打开连接地址
    (2)标签内部跳转
    锚点 默认有点击行为。我们可以javascript:void(0);阻止a标签的默认点击行为。

    img
    src:连接的图片资源
    alt:图片资源加载失败。显示的文本

    ul: unordered list 无序列表 ul下的子元素只能是li
    li
    type='circle' 圆心
    type='square' 方块
    ol:
    ordered list
    只能是li
    dl:定义列表
    dt:定义标题
    dd:定义描述


    sublime的简单使用
    ctrl+shift+p 搜package control

    table border='1' style="border-collapse:collapse;"
    tr 表格行
    td 表格描述
    form
    HTTP协议
    action:提交的服务器网址
    method:get(默认)| post(应用:登录注册、上传文件)
    页面中的a img link 默认是get请求

    input
    type:
    text: 文本输入框
    password:密码输入框
    file:文件按钮 提交文件的时候一定要用post 一定要给form标签添加 Enctype='multipart/form-data'
    submit:提交按钮
    button:普通按钮
    name:提交到服务器端的key
    value: 显示的文本内容,与服务器端的value
    placeholder:文本代替

    label
    for:是与下面的某个表单控件的id属性进行关联

    BS交互

    1.form表单默认与服务器进行交互
    2.ajax技术
    (5)CSS 层叠样式表
    作用:修饰网页结构


    (6)css的三种引入方式
    - 行内样式
    注意:行内样式的优先级是最高的
    - 内接样式
    - 外接样式

    (7)基本选择器
    id选择器
    选中的是特性 唯一的,不能重复
    标签选择器
    选中的是页面中共性的标签
    类选择器
    选中的也是页面中共性的标签,类名可以有多个
    通配符选择器
    通常是对页面进行重置样式表

  • 相关阅读:
    SVN使用方法
    NHiberante3.2 调用存储过程之Errors in named queries:
    AjaxFileUpload + *.ashx 文件上传在IE8.0(XP,VS2010,Development Server)下的注意
    PB中设置SQLCA.AutoCommit = False的说明
    UrlRoutingModel摘要
    PB中的大数据量插入操作测试
    PB TreeView控件
    关于端口共用
    关于RealProxy
    EF无法更新错误
  • 原文地址:https://www.cnblogs.com/vivian0119/p/11503710.html
Copyright © 2011-2022 走看看