最新html介绍和标签的使用
导读： HTML HyperText Markup Language 超文本标签语言 超文本：文档中具有超级链接功能等 标签：在文档中就是使用一对""括起来的关键词 快速入门案例 浏览器只认扩展名为html、 ht...
HTML
HyperText Markup Language 超文本标签语言
超文本：文档中具有超级链接功能等
标签：在文档中就是使用一对""括起来的关键词
快速入门案例
浏览器只认扩展名为html、 htm
htm是向前兼容
DOS磁盘操作系统 所使用的文件扩展名是三位 .htm
静态网页动态网页
第一从代码上来看：包含有php代码或数据库连接代码的网页文件就叫动态网页
第二从文件扩展名来看：文件的扩展不。html .htm这类网页就叫静态网页
网页编辑器
第一种 增强的文件编辑器
Editplus
NodePad++
特征：体积很小，占用系统资源较小，运行速度快，具有代码颜色高亮显示，但语法检查与自动补全功能
第二种 IDE（集成开发环境）
Zend Studio 收费
Sublime
phpdesigner
DreamWeaver
特征：体积大，占用的系统资源较大，运行速度较慢，也具有代码颜色高亮显示，语法检查，自动补全功能
DreamWeaver编辑器的使用
第一步，建立站点
第二步：设置文件编码（存储编码）
第三步：设置代码字体大小
EditPlus编辑器
第一步：设置文件编码
工具 è 参数设置
editplus快捷键的使用
ctrl + n 新建文件
ctrl + o 打开一个文件
ctrl + s 保护
ctrl + c 将选定的内容复制到剪贴板
ctrl + v 将剪贴板的内容复制到当前当标位置
ctrl + x 将选定的内容剪贴到剪贴板
ctrl + z 退回操作
ctrl + y 恢复操作
ctrl + j 复制当前行
ctrl + h 替换
ctrl + a 选择全部代码
ctrl + f 查找
ctrl + home 直接将光标移置文件头部
ctrl + end 直接将光标移置文件头部
tab 向右缩进
shift + tab 向左缩进
shift + end 从光标所在位置选择当前行
shift + home 从光标所在位置选择当前行
shift + 前后上下箭头
win + d 快返回桌面
alt + tab 在已打开的窗口之间进行切换
HTML标签详解
标签分为两类
第一类：双边标签
有一个开始标签（start tage），有一个结束标签（end tag）
例：
第二类：单边标签
只有开始没结束的标签，就叫单边标签（闭合标签）
、、
标签的语法： 标签是一个信息的载体 属性是对标签的进一步描述 标签的书写规则 1、 标签必须使用""括起来 2、 标签不需分大小写 3、 大部分标签都是双边标签，双边标签有开始，必须有结束；有一部分是单边标签 4、 双边标签的内容在标签中间引出 例：内容 单边标签的内容属性引出 例：
注意：代码中的符号全部为半角 网页主体结构标签 html标签，主一个网页文档的顶级标签，也就是根标签，其余所有的标签必须位于此标签内。标签就是告诉浏览器此文档需标签html语法进行解析，此标签在网页文档中可以省略，但不建议省略。 此标签内主要包含、标签 head标签主要是对网页的内容进行设置文件显示编码和说明，此标签内容是不可见的 head标签包含以下标签： 1、 设置网页的标题 czbk网站建设 某一个网页 在搜索引擎中的排名位置，很大一部分由标签中是否有相关的关键词。所以title标签对搜索引擎十分重要 2、 主要设置网页的显示编码和网页的描述信息 设置网页显示编码 设置网页的跳转 设置网页关键字 3、 用途：主要是引入外部资源文件 常用的属性 rel：定义当前文档与引入文档的关系 type：定义引入文档的MIME类型（文件类型） hre：定义引入文档的目录（url） 例如： 引入一个外部的CSS文件（样式文件） 引入一个外部的JS文件 设置网页的图标（设置收藏夹的图标） 第一种方法： 在网站的根目录存放一个图标文件，图标文件的要求，16*16像素的一个文件名为favicon.ico的图片文件 第二种方法： 使用link标签 4、 标签主要书写内部标签样式 5、 标签主要是书写内部JavaScript代码 标签 网页的主体内容标签，此标签的内容是可见 body标签的常用属性 text： 设置网面文字的颜色 bgcolor： 设置网页文档的背景色 background： 设置网页文档的背景图片 leftmargin： 设置body标签的左边距 topmargin： rightmargin： bottommargin： 通用的属性：id、class、style、name id与class属性用于为标签设置样式 style属性用于设置行内样式 id属性还可用于js获取标签元素 文字样式元素 标签设置 字体加粗样式 标签设置 字体为斜体 标签设置 字体下划线效果 标签设置 下角标 A2 标签设置 上角标 B2 标签设置文字颜色、文字大小、字体 常用属性： color： 设置字体颜色 size： 设置字体大小 取值为1 —— 7 默认为3号 face： 设置文字字体 可以设置多种字体，每种字体之间用逗号分隔 标签语法 字体文件位于 排版标签 h1——h6 设置网页标题元素，作用主要是对网页进行结构化的设置，一般来说h1标题在一个页面中只出现一次，h2——h6可以出现多次。 标签语法：
内容
内容
常用的属性 align：设置标签的水平对齐方式 取值： left 设置标签内容左对齐 center 设置标签的内容居中对齐 right 设置标签的内容右对齐 块元素 特征：默认情况下，不论其内容是否满行，都独占一行， 行内元素 特征：默认情况下，可以与其他行内元素共占一行。 段落标签 特征：在标签前后各填充一个空行
常用的属性
align：设置标签的水平对齐方式
取值：
left 设置标签内容左对齐
center 设置标签的内容居中对齐
right 设置标签的内容右对齐
标签
换行标签，在当前位置添加一个换行符
- 列表项1
- 列表项2
- 列表项3 … …
- 列表项1
- 列表项2
- 列表项3
- 列表项4 … …
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 最新html介绍和标签的使用
本文地址： https://pptw.com/jishu/655974.html