HMTL(HyperText Mark-up Language)即超文本*标记*语言或超文本标签语言

超文本 可以实现页面内可以包含图片,链接,甚至音乐,程序等.

网页文件扩展名:.html或者 .htm

超文本标记语言包括"头"部分(英文:head),和"主体"部分(英文:body),其中"头"部提供关于网页的信息,"主体"部分提供网页的具体内容.

注释  快捷键contrl +shift +/

标签的使用方法:

双标签,成对出现的标签: <h1>标题</h1> <div>这是一个div标签</div>

单标签:<br> <hr>

带属性的标签 <img arc="./pic.jpg" alt="带颜色的图片>

标签的嵌套:标签与标签之间的嵌套只能使用顺序嵌套,不能交叉嵌套

div块标签

div

块标签,并无实际意义,主要通过CSS样式为其赋予不同的表现

span

行内标签,并无实际意义,主要通过CSS样式为其赋予不同的表现

1.标题标签

"h1"--- "h6" h1 最大

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

2.段落标签,表示文档中的一个文字段落,下面是两个段落

<p>内容</p>段落标签

3.换行标签

br 换行<p>这是一行文字,<br>这是一行文字</p>

4.图片标签,在网页中插入图片

<img src="data:images/pic.jpg" alt="图片" />

img标签可以在网页上插入一张图片,它是独立使用的标签,他的常有属性有:

src属性定义图片的引用地址

altalternate属性定义图片加载失败是显示的文字,搜索引擎会使用这个文字收录图片,盲人读屏软件会读取这个文字 让盲人识别图片,所以此属性非常重要:

5/超链接标签,链接到另外一个网页

``- <a></a>archor第二个网页`

-  基本用法 <a href = "链接的目标地址">内容</a>
-   属性href 地址网页和本地的均可以
-   href = ""
    -  href = "#"
-       title  跳转的地址说明
-       target  默认"_self"缺省值,在原有的网页上打开
            -   "_blank" 新增一个网页```

常用字符实体空格"&nbsp"; 大于号 "&gt"; 小于号 "&lt";

Html(快捷键!+Tab)相关推荐

  1. sublime插件emmet的配置、使用及快捷键Ctrl+E修改成Tab键操作

    一.emmet在sublime中的配置与使用: 1.点击sublime text 3的图标,打开编辑器: 2.按键"ctrl+shift+p",或者单击菜单->工具-> ...

  2. vue中tab选项卡刷新页面后保持选中状态_Altium Designer中的快捷键汇总

    双十一活动详情请联系客服了解 在任何软件环境中,为了提高工作效率,你可以做的一件事就是学习快捷键.击键比将鼠标小心地放在按钮上或点击菜单来查找命令更有效,一旦用熟悉了,它们就变成了您的第二天性.本文将 ...

  3. 2015快捷键在哪里设置_炒股软件的选择通达信软件的基本设置

    新入市的股民,通常会纠结于该使用哪个炒股软件?要不要买L2或更高级的服务?我刚入市的时候,也纠结于前一个问题(刚入市时L2一年1000左右,不纠结,直接不买).大智慧.同花顺.通达信.东方财富各有各的 ...

  4. Centos常用快捷键

    终端快捷键  tab=补全  ctrl+a=开始位置  ctrl+e=最后位置  ctrl+k=删除此处至末尾所有内容  ctrl+u=删除此处至开始所有内容  ctrl+d=删除当前字母  ctrl ...

  5. xman的思维导图快捷键_这个良心好用的思维导图软件,居然不用氪金充钱

    今天给大家介绍一款免费的在线思维导图工具--GitMind,提供了丰富的功能和模板,可免费导出 JPG.PNG 图片.PDF 文档以及 TXT 文本等多种格式. 此外,GitMind 还集成了制作流程 ...

  6. 电脑基本快捷键的使用

    电脑快捷键 Tab键 等于六个空格 Alt键 Alt加上F4关闭当前窗口 Ctrl键 Ctrl加S保存 shift键 shift加delete永久性的删除(不会出现在回收站中) win win加E打开 ...

  7. 电脑删除快捷键_可能是知乎最有用的 Windows 快捷键学习指南。

    在任何地方搜索"快捷键的使用",你都能找到无数的列表清单.但你应该不会专门去对照一个个的表单,企图把所有快捷键全部掌握吧? 经过三年左右的总结和视频制作,Topbook 大概产出了 ...

  8. Linux 命令快捷键

    Linux 命令快捷键 tab 自动补齐(有不知道的吗) Ctrl+u 删除(剪切)此处至开始所有内容 Ctrl+k 删除从光标所在位置到行末 快速命令行 – 快捷方式 • history 搜索历史执 ...

  9. PS 菜单栏显示与隐藏 - 快捷键

    PS 菜单栏显示与隐藏 - 快捷键:Tab 方法: 按下键盘的 Tab键 以上就是关于" PS 菜单栏显示与隐藏 - 快捷键 " 的全部内容.

最新文章

  1. 数据结构【图】—024最小生成树
  2. 大数据时代 树大数据意识
  3. 详细分析图像形态学操作
  4. Angular单元测试里pipe的mock设计
  5. 语言nomogram校准曲线图_医学统计与R语言:Meta 回归作图(Meta regression Plot)
  6. (15)HTML面试题集锦
  7. Java中3DES加密解密示例
  8. mysql varchar 效率_由MySQL中char和varchar效率想到的
  9. 从不同步的代码块中调用了对象同步方法。_Java中Synchronized的用法
  10. 蓝桥杯 ALGO-87 算法训练 字串统计
  11. [转载] python字符串处理函数汇总
  12. 创业公司的个人“可伸缩性”方案
  13. SQLServer获取2020年节假日列表(可用于Java、.NET,Python,C++等实现)
  14. python docx文档_【IT专家】python操作docx文档
  15. Androidstudio setting .DEX extension only for .CLASS files
  16. 武汉大学研究生慕课《学术道德与学术规范》——考试题目总结
  17. html流星雨页面,HTML5炫酷流星雨特效
  18. 刷相关搜索软件_【亚马逊排名算法】搜索加购为什么能提升关键词排名?
  19. SQLServer 服务启动失败
  20. ROM、RAM存储器原理详解以及DRAM、SRAM、SDRAM 、FLASH存储器的介绍

热门文章

  1. 使用Python调用Nessus 接口实现自动化扫描
  2. python-opencv之图像滤波(blur,boxFilter,GaussianBlur,medianBlur)
  3. CSDN 还是一个不错的技术社区
  4. HTML thead 标签
  5. ZCMU 1411 喜闻乐见的a+b
  6. LayUI_02 前端框架 页面元素
  7. EMC电磁兼容3:仪器受电磁辐射干扰怎么办?
  8. 2020年西式面点师(高级)考试题及西式面点师(高级)考试内容
  9. Python对列表去重的多种方法(四种方法)
  10. Unity URP渲染管线下体积光的实现