zoukankan      html  css  js  c++  java
  • html标签

    HTML
    1、一套规则,浏览器认识的规则。
    2、开发者:
    学习Html规则
    开发后台程序:
    - 写Html文件(充当模板的作用) ******
    - 数据库获取数据,然后替换到html文件的指定位置(Web框架)

    3、本地测试
    - 找到文件路径,直接浏览器打开
    - pycharm打开测试
    4、编写Html文件

    - doctype对应关系
    - html标签,标签内部可以写属性 ====> 只能有一个
    - 注释: <!-- 注释的内容 -->
    5、标签分类
    - 自闭合标签
    <meta charset="UTF-8">
    - 主动闭合标签
    title>老男孩</title>
    6、
    head标签中
    - <meta -> 编码,跳转,刷新,关键字,描述,IE兼容
    <meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;" />
    - title标签
    - <link /> 搞图标,欠
    - <style />欠
    - <script> 欠
    7、body标签
    - 图标, &nbsp; &gt; &lt;
    - p标签,段落
    - br,换行
    ======== 小总结 =====
    所有标签分为:
    块级标签: div(白板),H系列(加大加粗),p标签(段落和段落之间有间距)
    行内标签: span(白板)
    标签之间可以嵌套
    标签存在的意义,css操作,js操作
    ps:chorme审查元素的使用
    - 定位
    - 查看样式
    - h系列
    - div
    - span
    - input系列 + form标签
    input type='text' - name属性,value="赵凡"
    input type='password' - name属性,value="赵凡"
    input type='submit' - value='提交' 提交按钮,表单
    input type='button' - value='登录' 按钮

    input type='radio' - 单选框 value,checked="checked",name属性(name相同则互斥)
    input type='checkbox' - 复选框 value, checked="checked",name属性(批量获取数据)
    input type='file' - 依赖form表单的一个属性 enctype="multipart/form-data"
    input type='rest' - 重置

    <textarea >默认值</textarea> - name属性
    select标签 - name,内部option value, 提交到后台,size,multiple

    - a标签
    - 跳转
    - 锚 href='#某个标签的ID' 标签的ID不允许重复

    - img
    src
    alt
    title

    - 列表
    ul
    li
    ol
    li
    dl
    dt
    dd
    - 表格
    table
    thead
    tr
    th
    tbody
    tr
    td
    colspan = ''
    rowspan = ''
    - label
    用于点击文件,使得关联的标签获取光标
    <label for="username">用户名:</label>
    <input id="username" type="text" name="user" />
    - fieldset
    legend
  • 相关阅读:
    python列表作为默认参数的问题
    python 强制停止线程
    cProfile 分析python运行时间
    python global全局变量 模块通信问题
    ajax请求数据get、post
    vue中加载three.js全景图
    vue中加载three.js的gltf模型
    vue-cli2.x与vue-cli3.x的搭建
    cesium加载gltf模型
    vue/cli3引入cesium
  • 原文地址:https://www.cnblogs.com/rongye/p/9991148.html
Copyright © 2011-2022 走看看