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

原文地址:https://www.cnblogs.com/yunfeioliver/p/7645885.html