以下整理了一些HTML学习阶段容易遇到的问题，希望对正在学习HTML的小伙伴有用。

此帖持续更新，大伙还有什么其它的学习问题欢迎回帖提问，我会及时解答；或者私聊我：1668935070。

1、开发基础环境配置视频里面的网盘地址失效

Sublime Text 下载+全套快捷键 http://pan.baidu.com/s/1nuEbY5N   jgqq

WebStorm 前端开发神器下载:http://pan.baidu.com/s/1kVnrYKZ     ikmm

Atom下载  https://pan.baidu.com/s/1i46H2dB    s5ft

2、Sublime软件的相关问题

1、插件安装

以上分享的Sublime安装包，是完整免安装版本的软件，视频中所说的插件都已经安装好了，大家下载下来直接打开用就可以了。

2、重命名问题

视频里面的Sublime可以在左下角直接重新命名，但是这个版本的Sublime不能，需要保存重命名。

3、Html:5+Tab键，不能生成Html5的文档结构

    1、检查文件的后缀名是否是.html

    2、Html:5的冒号应该是英文状态下

3、使用sublime还是webstorm？

哪个都行 。第一个不需要安装  第二个需要安装后才能使用，前期使用第一种吧 多锻炼锻炼大家写代码水平  第二种比较强大， 直接会出来提示。

4、 背景颜色或文字颜色无法改变

（1）’ = ’与文字命令要留空格，否则无法解析会把其当成无法识别的奇怪字母。 如 color=blue，应改成color  = blue。会好些。

（2）改变颜色的命令必须放在要显示的文字之前，等文字显示后再要求改变颜色就来不及了。

5、图片无法显示出来

（1）图片必须得与网页文件放在同一文件夹或同一路径，否则网页文件；  

（2） JPEG格式文件在引用时要用jpg的缩写形式。即一张 abc.jpeg格式的文件，在网页中写成<img src = “abc.jpg”>

（3）双引号打字错误。必须得在英文打字状态下打双引号，中文状态下打的双引号电脑不认。  

（4）网站下载图片时，可以改变图片的名字以便于识别，但注意不要改变图片的后缀，否则就改变了其属性而无法显示。  

6、如何把文字移到中间位置

（1）<align = center>这个命令有时好像不太灵，一解决方式是在文字前插入“ ；”命令，等于插入一个空格键，把文字“挤”到中间去。一个“ ；”只移动一个空格，需要复制黏贴多个才能达到效果。  

7、图片及网页的起名字问题

如果用中文字起名字，在浏览器，特别是外文浏览器显示时可能会出现无法显示问题。因此，请用数字、英文或拼音组合的方式来给网页或图片起名字。一般情况下，网站首页往往起名为“index.html”.

8、HTML 指的是?

超文本标记语言（Hyper Text Markup Language）,英语大写,大写,大写,说三遍

9、 <!DOCTYPE>声明

它不是html标签，它声明html是用什么版本编写的。

10、HTML与XHTML有什么差别
HTML与XHTML之间的差别，粗略可以分为两大类比较：一个是功能上的差别，另外是书写习惯的差别。关于功能上的差别，主要是XHTML可兼容各大浏览器、手机以及Pad，并且浏览器也能快速正确地编译网页。

XHTML的规则区别：

1.所有的标记都必须要有一个相应的结束标记

2.所有标签的元素和属性的名字都必须使用小写

3.所有的XML标记都必须合理嵌套

4.所有的属性必须用引号""括起来

5.把所有<和&特殊符号用编码表示

6.给所有属性赋一个值

7.不要在注释内容中使“--”

8.图片必须有说明文字

9.不允许使用target="_blank"

从XHTML1.1开始全面禁止target属性，如果想要有开新窗口的功能，就必须改写为rel="external"，并搭配JavaScript实现此效果。

错误：<ahref="http://blog.mukispace.com" target="_blank">MUKIspace</a>

正确：<ahref="http://blog.mukispace.com" rel="external">MUKIspace</a>

严格模式的文档在IE下需要写成这样：<ahref="document.html" rel="external">打开一个新窗口</a>

这是符合strict标准的方法。当然还必须配合一个javascript才有效。

javascript 完整的代码JS如下[object Object]：

function externallinks() {

if (!document.getElementsByTagName) return;

var anchors = document.getElementsByTagName("a");

for (var i=0; i<anchors.length; i++) {

var anchor = anchors;

if (anchor.getAttribute("href") &&anchor.getAttribute("rel") == "external")

anchor.target = "_blank";

}

}

window.onload = externallinks;

你可以把它保存成一个.js文件(比如external.js)，然后通过外部联接方法调用：<script type="text/javascript"src="external.js"></script>

11、行内元素有哪些？块级元素有哪些？

块元素(block element) HTML标签分类明细
   * address - 地址
   * blockquote - 块引用
   * center - 居中中对齐块
   * dir - 目录列表
   * div - 常用块级容易，也是css layout的主要标签
   * dl - 定义列表
   * fieldset - form控制组
   * form - 交互表单 （只能用来容纳其它块元素）
   * h1 - 大标题
   * h2 - 副标题
   * h3 - 3级标题
   * h4 - 4级标题
   * h5 - 5级标题
   * h6 - 6级标题
   * hr - 水平分隔线
   * isindex - input prompt
   * menu - 菜单列表
   * noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
   * noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）
   * ol - 排序表单
   * p - 段落
   * pre - 格式化文本
   * table - 表格
   * ul - 非排序列表

内联元素(inline element) HTML标签分类明细
   * a - 锚点
   * abbr - 缩写
   * acronym - 首字
   * b - 粗体(不推荐)
   * bdo - bidi override
   * big - 大字体
   * br - 换行
   * cite - 引用
   * code - 计算机代码(在引用源码的时候需要)
   * dfn - 定义字段
   * em - 强调
   * font - 字体设定(不推荐)
   * i - 斜体
   * img - 图片
   * input - 输入框
   * kbd - 定义键盘文本
   * label - 表格标签
   * q - 短引用
   * s - 中划线(不推荐)
   * samp - 定义范例计算机代码
   * select - 项目选择
   * small - 小字体文本
   * span - 常用内联容器，定义文本内区块
   * strike - 中划线
   * strong - 粗体强调
   * sub - 下标
   * sup - 上标
   * textarea - 多行文本输入框
   * tt - 电传文本
   * u - 下划线
   * var - 定义变量

可变元素  HTML标签分类明细
   * applet - java applet　　
   * button - 按钮　　
   * del - 删除文本　　
   * iframe - inline frame　　
   * ins - 插入的文本　　
   * map - 图片区块(map)　　
   * object - object对象　　
   * script - 客户端脚本

相关推荐：
前端学习组二期直播贴（学习资源、学习笔记）：
http://bbs.itheima.com/forum.php?mod=viewthread&tid=336727
HTML学习资料、学习计划大汇总 ：
http://bbs.itheima.com/forum.php?mod=viewthread&tid=337323
CSS常见问题解答：
http://bbs.itheima.com/forum.php?mod=viewthread&tid=337511

以下整理了一些HTML学习阶段容易遇到的问题，希望对正在学习HTML的小伙伴有用。

此帖持续更新，大伙还有什么其它的学习问题欢迎回帖提问，我会及时解答；或者私聊我：1668935070。

1、开发基础环境配置视频里面的网盘地址失效

Sublime Text 下载+全套快捷键 http://pan.baidu.com/s/1nuEbY5N   jgqq

WebStorm 前端开发神器下载:http://pan.baidu.com/s/1kVnrYKZ     ikmm

Atom下载  https://pan.baidu.com/s/1i46H2dB    s5ft

2、Sublime软件的相关问题

1、插件安装

以上分享的Sublime安装包，是完整免安装版本的软件，视频中所说的插件都已经安装好了，大家下载下来直接打开用就可以了。

2、重命名问题

视频里面的Sublime可以在左下角直接重新命名，但是这个版本的Sublime不能，需要保存重命名。

3、Html:5+Tab键，不能生成Html5的文档结构

    1、检查文件的后缀名是否是.html

    2、Html:5的冒号应该是英文状态下

3、使用sublime还是webstorm？

哪个都行 。第一个不需要安装  第二个需要安装后才能使用，前期使用第一种吧 多锻炼锻炼大家写代码水平  第二种比较强大， 直接会出来提示。

4、 背景颜色或文字颜色无法改变

（1）’ = ’与文字命令要留空格，否则无法解析会把其当成无法识别的奇怪字母。 如 color=blue，应改成color  = blue。会好些。

（2）改变颜色的命令必须放在要显示的文字之前，等文字显示后再要求改变颜色就来不及了。

5、图片无法显示出来

（1）图片必须得与网页文件放在同一文件夹或同一路径，否则网页文件；  

（2） JPEG格式文件在引用时要用jpg的缩写形式。即一张 abc.jpeg格式的文件，在网页中写成<img src = “abc.jpg”>

（3）双引号打字错误。必须得在英文打字状态下打双引号，中文状态下打的双引号电脑不认。  

（4）网站下载图片时，可以改变图片的名字以便于识别，但注意不要改变图片的后缀，否则就改变了其属性而无法显示。  

6、如何把文字移到中间位置

（1）<align = center>这个命令有时好像不太灵，一解决方式是在文字前插入“ ；”命令，等于插入一个空格键，把文字“挤”到中间去。一个“ ；”只移动一个空格，需要复制黏贴多个才能达到效果。  

7、图片及网页的起名字问题

如果用中文字起名字，在浏览器，特别是外文浏览器显示时可能会出现无法显示问题。因此，请用数字、英文或拼音组合的方式来给网页或图片起名字。一般情况下，网站首页往往起名为“index.html”.

8、HTML 指的是?

超文本标记语言（Hyper Text Markup Language）,英语大写,大写,大写,说三遍

9、 <!DOCTYPE>声明

它不是html标签，它声明html是用什么版本编写的。

10、HTML与XHTML有什么差别
HTML与XHTML之间的差别，粗略可以分为两大类比较：一个是功能上的差别，另外是书写习惯的差别。关于功能上的差别，主要是XHTML可兼容各大浏览器、手机以及Pad，并且浏览器也能快速正确地编译网页。

XHTML的规则区别：

1.所有的标记都必须要有一个相应的结束标记

2.所有标签的元素和属性的名字都必须使用小写

3.所有的XML标记都必须合理嵌套

4.所有的属性必须用引号""括起来

5.把所有<和&特殊符号用编码表示

6.给所有属性赋一个值

7.不要在注释内容中使“--”

8.图片必须有说明文字

9.不允许使用target="_blank"

从XHTML1.1开始全面禁止target属性，如果想要有开新窗口的功能，就必须改写为rel="external"，并搭配JavaScript实现此效果。

错误：<ahref="http://blog.mukispace.com" target="_blank">MUKIspace</a>

正确：<ahref="http://blog.mukispace.com" rel="external">MUKIspace</a>

严格模式的文档在IE下需要写成这样：<ahref="document.html" rel="external">打开一个新窗口</a>

这是符合strict标准的方法。当然还必须配合一个javascript才有效。

javascript 完整的代码JS如下[object Object]：

function externallinks() {

if (!document.getElementsByTagName) return;

var anchors = document.getElementsByTagName("a");

for (var i=0; i<anchors.length; i++) {

var anchor = anchors;

if (anchor.getAttribute("href") &&anchor.getAttribute("rel") == "external")

anchor.target = "_blank";

}

}

window.onload = externallinks;

你可以把它保存成一个.js文件(比如external.js)，然后通过外部联接方法调用：<script type="text/javascript"src="external.js"></script>

11、行内元素有哪些？块级元素有哪些？

块元素(block element) HTML标签分类明细
   * address - 地址
   * blockquote - 块引用
   * center - 居中中对齐块
   * dir - 目录列表
   * div - 常用块级容易，也是css layout的主要标签
   * dl - 定义列表
   * fieldset - form控制组
   * form - 交互表单 （只能用来容纳其它块元素）
   * h1 - 大标题
   * h2 - 副标题
   * h3 - 3级标题
   * h4 - 4级标题
   * h5 - 5级标题
   * h6 - 6级标题
   * hr - 水平分隔线
   * isindex - input prompt
   * menu - 菜单列表
   * noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容
   * noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）
   * ol - 排序表单
   * p - 段落
   * pre - 格式化文本
   * table - 表格
   * ul - 非排序列表

内联元素(inline element) HTML标签分类明细
   * a - 锚点
   * abbr - 缩写
   * acronym - 首字
   * b - 粗体(不推荐)
   * bdo - bidi override
   * big - 大字体
   * br - 换行
   * cite - 引用
   * code - 计算机代码(在引用源码的时候需要)
   * dfn - 定义字段
   * em - 强调
   * font - 字体设定(不推荐)
   * i - 斜体
   * img - 图片
   * input - 输入框
   * kbd - 定义键盘文本
   * label - 表格标签
   * q - 短引用
   * s - 中划线(不推荐)
   * samp - 定义范例计算机代码
   * select - 项目选择
   * small - 小字体文本
   * span - 常用内联容器，定义文本内区块
   * strike - 中划线
   * strong - 粗体强调
   * sub - 下标
   * sup - 上标
   * textarea - 多行文本输入框
   * tt - 电传文本
   * u - 下划线
   * var - 定义变量

可变元素  HTML标签分类明细
   * applet - java applet　　
   * button - 按钮　　
   * del - 删除文本　　
   * iframe - inline frame　　
   * ins - 插入的文本　　
   * map - 图片区块(map)　　
   * object - object对象　　
   * script - 客户端脚本

相关推荐：
前端学习组二期直播贴（学习资源、学习笔记）：
http://bbs.itheima.com/forum.php?mod=viewthread&tid=336727
HTML学习资料、学习计划大汇总 ：
http://bbs.itheima.com/forum.php?mod=viewthread&tid=337323
CSS常见问题解答：
http://bbs.itheima.com/forum.php?mod=viewthread&tid=337511