zoukankan      html  css  js  c++  java
  • 前端HTML部分笔记

    1. 超链接

    target="_blank" 表示超链接在新窗口打开, 没有target属性就是在当前窗口打开

    2. 列表

    2.1 无序列表

    <ul type="disc"> 表示实心圆, 默认

    type="circle" 表示空心圆

    type="square" 表示实心方块

    2.2 有序列表

    <ol type="1"> 表示数字,默认

    type=“a" / "A" 表示小,大写字母排序

    type="i" / "I" 表示小,大写罗马字母排序

    3. 表格

    3.1 基本

    <table> 

    border属性:边框

    cellspacing:边框间隙

    <tr>(一行)

    width:宽度

    align:对齐方式

    <td>(单元格)

    width:宽度

    align:对齐方式

    <col> 一列(单标签)

    width:宽度

    align:对齐方式

    3.2 合并单元格

    <td colspan=”x“>,占据x个单元格(列合并)

    <td rowspan="x">,占据x个单元格(行合并)

    3.3 补充

    1. 表头使用<th></th>加粗居中

    2. 列分组 <colgroup span="3" width="100px">

    相当于写3个<col width="100px"> 

    3.  四行三列快速生成:tr*4>td*3 + Tab键

    4. 表单

    1. form必须有action 属性,提交的目的网址

    2. 所需要提交的数据,input中必须要有name属性

    3. input按钮的文字,使用value属性表示

    4. input必须放在form标签才能提交

    4.1 input 标签常见类型

    text:文本输入框; password:密码输入框; radio:单选框; checkbox:复选框

    button:普通按钮;submit:提交按钮;reset:重置按钮;file:文件选择框

    5. get请求和post请求的区别

    1. get 请求通常表示获取数据

    2. post请求通常表示提交数据

    3. get请求发送的数据都写在地址栏上,用户可见

    6. 容器

    span:容器标签,仅当容器使用,用于包裹一段文本,便于给文本增加样式。

    div:通用容器,可嵌套,可重复

    margin:auto; 元素水平自动居中

    text-align:center 内部元素居中

    7. css选择器

    id 选择器 #box

    类别选择器 .nav

    标签选择器 div

    通用选择器 *

  • 相关阅读:
    当初为蜂巢样式实验过的方法
    在看 jquery 源码中发现的一些优化方向
    我终于有案例库啦(github 提供的)
    学习笔记(五)
    试坑不完美的 clip-path (我说的 CSS 的那个)
    解决安卓机在微信上播放视频有广告问题
    requestAnimationFrame 的实验性实践
    学习笔记(四)
    ajax
    php 增删改查---增
  • 原文地址:https://www.cnblogs.com/shish/p/13346574.html
Copyright © 2011-2022 走看看