zoukankan      html  css  js  c++  java
  • html 基础知识

    标记 类型 译名或意义 作 用 备注
    文件标记
    <html> 文件声明 让浏览器知道这是 html 文件  
    <head> 开头 提供文件整体资讯  
    <title> 标题 定义文件标题,将显示于浏览顶端  
    <body> 本文 设计文件格式及内文所在  
    排版标记
    <!--注解--> 说明标记 为文件加上说明,但不被显示  
    <p> 段落标记 为字、画、表格等之间留一空白行  
    <br> 换行标记 令字、画、表格等显示于下一行  
    <hr> 水平线 插入一条水平线  
    <center> 居中 令字、画、表格等显示于中间 反对
    <pre> 预设格式 令文件按照原始码的排列方式显示  
    <div> 区隔标记 设定字、画、表格等的摆放位置  
    <nobr> 不折行 令文字不因太长而绕行  
    <wbr> 建议折行 预设折行部位  
    字体标记
    <strong> 加重语气 产生字体加粗 bold 的效果  
    <b> 粗体标记 产生字体加粗的效果  
    <em> 强调标记 把文本定义为强调的内容  
    <i> 斜体标记 字体出现斜体效果  
    <tt> 打字字体 courier字体,字母宽度相同  
    <u> 加上底线 加上底线 反对
    <h1> 一级标题标记 变粗变大加宽,程度与级数反比  
    <h2> 二级标题标记 将字体变粗变大加宽  
    <h3> 三级标题标记 将字体变粗变大加宽  
    <h4> 四级标题标记 将字体变粗变大加宽  
    <h5> 五级标题标记 将字体变粗变大加宽  
    <h6> 六级标题标记 将字体变粗变大加宽  
    <font> 字形标记 设定字形、大小、颜色 反对
    <basefont> 基准字形标记 设定所有字形、大小、颜色 反对
    <big> 字体加大 令字体稍为加大  
    <small> 字体缩细 令字体稍为缩细  
    <strike> 画线删除 为字体加一删除线 反对
    <code> 程式码 字体稍为加宽如<tt>  
    <kbd> 键盘字 字体稍为加宽,单一空白  
    <samp> 范例 字体稍为加宽如<tt>  
    <var> 变数 斜体效果  
    <cite> 传记引述 斜体效果  
    <blockquote> 引述文字区块 缩排字体  
    <dfn> 述语定义 斜体效果  
    <address> 地址标记 斜体效果  
    <sub> 下标字 下标字  
    <sup> 上标字 指数(平方、立方等)  
    清单标记
    <ol> 顺序清单 清单项目将以数字、字母顺序排列  
    <ul> 无序清单 清单项目将以圆点排列  
    <li> 清单项目 每一标记标示一项清单项目  
    <menu> 选单清单 清单项目将以圆点排列,如<ul> 反对
    <dir> 目录清单 清单项目将以圆点排列,如<ul> 反对
    <dl> 定义清单 清单分两层出现  
    <dt> 定义条目 标示该项定义的标题  
    <dd> 定义内容 标示定义内容  
    表格标记
    <table> 表格标记 设定该表格的各项参数  
    <caption> 表格标题 做成一打通列以填入表格标题  
    <tr> 表格列 设定该表格的列  
    <td> 表格栏 设定该表格的栏  
    <th> 表格标头 相等于<td>,但其内之字体会变粗  
    表单标记
    <form> 表单标记 决定单一表单的运作模式  
    <textarea> 文字区块 提供文字方盒以输入较大量文字  
    <input> 输入标记 决定输入形式  
    <select> 选择标记 建立 pop-up 卷动清单  
    <option> 选项 每一标记标示一个选项  
    图形标记
    <img> 图形标记 用以插入图形及设定图形属性  
    连结标记
    <a> 连结标记 加入连结  
    <base> 基准标记 可将相对 url 转绝对及指定连结目标  
    框架标记
    <frameset> 框架设定 设定框架  
    <frame> 框窗设定 设定框窗  
    <iframe> 页内框架 于网页中间插入框架 ie
      不支援框架 设定当浏览器不支援框架时的提示  
     
    <map> 影像地图名称 设定影像地图名称  
      连结区域 设定各连结区域  
     
    <bgsound> 背景声音 于背景播放声音或音乐 ie
    <embed> 多媒体 加入声音、音乐或影像  
    其他标记
    <marquee> 走动文字 令文字左右走动 ie
    <blink> 闪烁文字 闪烁文字 nc
    <isindex> 页内寻找器 可输入关键字寻找于该一页 反对
    <meta> 开头定义 让浏览器知道这是 html 文件  
    <link> 关系定义 定义该文件与其他 url 的关系  
    stylesheet
    <style> 样式表 控制网页版面  
    <span> 自订标记 独立使用或与样式表同用

      注:   ● 表示该标记属围堵标记,即需要关闭标记如 </标记>。   ○ 表示该标记属空标记,即不需要关闭标记。   IE 表示该标记只适用于 Internet Explorer。   NC 表示该标记只适用于 Netscape Communicator。   反对 表示该标记不为 W3C 所赞同,通常这标记是 IE 或 NC 自订,且己为众所支 持,只是 HTML 标准中有其它同功能或更好的选择。

    键盘快捷键 (HTML)

     

    项目快捷方式

     

     

    任务

    操作步骤

    创建新项目

    Ctrl+Shift+N

    打开项目或解决方案

    Ctrl+Shift+O

    关闭项目或解决方案

    Ctrl+Shift+C

    保存项目的副本

    Ctrl+Shift+P

    将现有项添加到项目

    Ctrl+I

    添加引用

    Alt+Shift+R

    生成项目

    Ctrl+Shift+B

    运行项目

    F5 或 Ctrl+F5

    查看帮助

    F1

    添加或移除帮助

    Ctrl+F1

    Exit

    Alt+F4

    文档快捷方式

     

     

    任务

    操作步骤

    在打开的文档之间切换

    Ctrl+Tab

    保存活动文档

    Ctrl+S

    保存所有文档

    Ctrl+Shift+S

    关闭活动文档

    Ctrl+W

    关闭所有打开的文档

    Ctrl+Shift+W

    撤消上一项操作

    Ctrl+Z

    重做上一次撤消的操作

    Ctrl+Y 或 Ctrl+Shift+Z

    剪切

    Ctrl+X

    复制

    Ctrl+C

    粘贴

    Ctrl+V

    删除

    删除

    查找文本(仅代码视图)

    Ctrl+F

    查找文本的下一个匹配项(仅代码视图)

    F3 或 Ctrl+H

    在所有文件中查找

    Ctrl+Shift+F

    替换文本(仅代码视图)

    Ctrl+H

    对象快捷方式

     

     

    任务

    操作步骤

    创建新项目

    Ctrl+N

    插入元素

    Ctrl+Shift+=

    将对象重新设置为父对象

    将对象拖动到容器上并按 Alt

    围绕中心调整对象大小

    按住 Alt 并拖动图柄(装饰器)

    按比例调整对象大小

    按住 Shift 并拖动图柄(装饰器)

    围绕中心按比例调整对象大小

    按住 Alt+Shift 并拖动图柄(装饰器)

    显示对象边界

    Ctrl+Shift+H

    选择多个对象

    按住 Ctrl

    选择多个相邻的对象

    按住 Shift

    显示选定内容

    Ctrl+T

    选择父元素

    Esc

    固定活动容器

    Ctrl+Shift+D

    将对象分组

    Ctrl+G

    取消组合对象

    Ctrl+Shift+G

    锁定选定内容

    Ctrl+L

    解除对所有对象的锁定

    Ctrl+Shift+L

    显示选定内容

    Ctrl+T

    隐藏选定内容

    Ctrl+3

    选择所有对象

    Ctrl+A

    取消选择所有对象

    Ctrl+Shift+A

    视图快捷方式

     

     

    任务

    操作步骤

    在“设计”、“代码”和“拆分”视图之间进行切换

    F11

    适应选择

    Ctrl+9

    适应全部

    Ctrl+0

    在美工板上放大

    Ctrl+等号

    在美工板上缩小

    Ctrl+减号 (-)

    在美工板上放大或缩小

    旋转鼠标滚轮

    将美工板左移或右移

    按住 Shift 并旋转鼠标滚轮

    将美工板上移或下移

    按住 Ctrl 并旋转鼠标滚轮

    显示或隐藏图柄(装饰器)

    F9

    查看实际大小

    Ctrl+1

    向左移动左边缘

    Ctrl+Shift+<

    向左移动右边缘

    Ctrl+Shift+Alt+<

    向右移动左边缘

    Ctrl+Shift+>

    向右移动右边缘

    Ctrl+Shift+Alt+>

    工作区快捷方式

     

     

    任务

    操作步骤

    进入或退出交互模式

    Ctrl+Alt+I

    刷新

    Ctrl+R

    显示或隐藏“资产”面板

    Ctrl+句点

    显示或隐藏“结果”面板

    F12

    移动焦点以显示和设置 CSS 属性

    Ctrl+Shift+;

    打开或关闭记录

    Ctrl+D

    显示或隐藏所有面板

    F4

    重置活动工作区布局

    Ctrl+Shift+R

    平移工作区

    按住空格键

    临时使用“选择”工具(在其他工具处于选定状态的情况下)

    按住 Ctrl

  • 相关阅读:
    界面开发注意要素,降低界面BUG
    软件测试及其重要性
    浅谈自动化测试工具之Selenium
    浅谈探索式软件测试
    浅谈功能测试流程
    关于软件测试中测试用例的重要性
    第1章 性能测试整体认知
    数据库对比,优化
    2、补充介绍
    1、MarkDown基本语法
  • 原文地址:https://www.cnblogs.com/yunfeioliver/p/7645885.html
Copyright © 2011-2022 走看看