html:超文本标记语言(Hyper Text Markup Language)

==============基本结构=================

<html><!--最外层为html-->

<head><!--网页头部-->

<title></title><!--网页的标题,一般写网站名称,显示在标题栏-->

</head><!--头部结束-->

<body><!--网页主体-->

Hello World!!!  <!--网页内容-->

</body><!--主体结束-->

</html><!--html结束-->

保存：文件名.html

================标签==================

块级元素标签：内容再少也会独占一行

行内元素标签：内容少的时候会在一条直线上排列，都是同一行

<hr />水平线标签——块级

<br />换行标签——行内

<h1></h1>标题标签(数字只能为1-6，1最大，6最小)——块级

<strong></strong>加粗(不换行)——行内

<em></em>斜体 (不换行) )——行内

<p></p>段落标签(其中的文字可以根据浏览器窗口大小自动换行)——块级

=============转义符===============

&开头;结束

&nbsp; 空格

&copy;版权符号©

&lt;小于号<

&gt;大于号>

&quot;引号 "

============图像标签==============

<imgsrc="图片地址" alt="替代文字" title="提示文字" />

src：可以为相对路径,也可以为绝对路径

alt:图片无法显示时所代替的文字

title:鼠标悬浮在图片上时

==========超链接应用============

1.页面间链接

<a href="链接地址" target="打开方式">内容</a>超链接

(target:_blank新打开浏览器窗口/_self在自身窗口打开)

链接地址:1.绝对路径：C:/demo/demo.html

2.相对路径：从链接内容出发找到链接文件的路径(使用方便)

2-1:向下一级 a/b

2-2:向上一级 ../

2.锚链接

1-1想要跳转到哪个位置，给谁加<a name="自己起的名字">跳转的位置</a>

1-2想点谁跳转，给谁加<a href="#刚才自己起的名字">点谁</a>

3.功能性链接

发邮件

<a href="mailto:邮箱地址">点谁发</a>

<a href="tencent://message/?uin=657377357&Site=&Menu=yes">qq</a>

什么是HTML,HTML的简介,HTML结构的更多相关文章

  1. [安卓]AndroidManifest.xml文件简介及结构

    1.AndroidManifest.xml文件简介: 每个应用程序在它的根目录中都必须要有一个AndroidManifest.xml(名字须精确一致)文件.这个清单把应用程序的基本信息提交给Andro ...

  2. CSS_简介/语法结构/长度单位/应用方式/标签的样式重置/表单样式重置

    一.CSS简介:  w3c(World Wide Web Consortium):万维网联盟,是规定网页标准的一个组织(叫做Web标准) Web标准:是由w3c和其他标准化组织制定的一系列标准的集合, ...

  3. C++ 泛型程序设计与STL模板库(1)---泛型程序设计简介及STL简介与结构

    泛型程序设计的基本概念 编写不依赖于具体数据类型的程序 将算法从特定的数据结构中抽象出来,成为通用的 C++的模板为泛型程序设计奠定了关键的基础 术语:概念 用来界定具备一定功能的数据类型.例如: 将 ...

  4. Oracle 简介 三层结构

    引言: 主流数据库:sql server, oracle, my sql,IBM公司的DB2 ,oracle占有量很大 dbms(database management system)数据库管理系统 ...

  5. Solr 10 - SolrCloud集群模式简介 + 组成结构的说明

    目录 1 什么是SolrCloud 2 SolrCloud的结构 2.1 物理结构 2.2 逻辑结构 2.2.1 Collection(集合) 2.2.2 Core(内核) 2.2.3 Shard(分 ...

  6. Windows下struct和union字节对齐设置以及大小的确定（一 简介和结构体大小的确定）

    在windows下设置字节对齐大小的方式,目前我了解有三种: 1. 在编译程序时候的编译选项  /Zp[n],如 cl /Zp4 表示对齐大小是4字节: 2. 预处理命令   #pragma pack ...

  7. tensorflow简介与结构介绍

    1.知识点 """ tensorflow前端系统:定义程序的图结构,主要是利用一些API实现 tensorflow后端系统:运算图结构 numpy的reshape,在原始 ...

  8. SSDT Hook结构

    目录 SSDT Hook效果图 SSDT简介 SSDT结构 SSDT HOOK原理 Hook前准备 如何获得SSDT中函数的地址呢 SSDT Hook流程 SSDT Hook实现进程保护 Ring3与 ...

  9. C#结构（Struct）

    Struct简介: 结构是使用 struct 关键字定义的,与类相似,都表示可以包含数据成员和函数成员的数据结构. 1.结构是一种值类型,并且不需要堆分配. 它都放在堆栈上2.结构的实例化可以不使用 ...

随机推荐

  1. gh-ost

    目录 1.简介 2.为什么不用触发器 ? 3.命名由来 4.亮点 5.使用 6.它是如何工作的? 7.工作模式 7.1.模式1 -- 连上从库,在主库上修改 7.2.模式2 -- 直接在主库上修改 7 ...

  2. Java连载5-标识符、关键字和字面值

    一.标识符 1.标识符定义:在java源程序中凡是可以自己命名的单词 2.标识符可以标识什么元素? (1)类名(2)方法名(3)变量名(4)接口名(5)常量名 等等 3.标识符的命名要求 (1)一个合 ...

  3. 基于SpringCloud的微服务架构实战案例项目

    QuickStart 基于SpringCloud体系实现,简单购物流程实现,满足基本功能:注册.登录.商品列表展示.商品详情展示.订单创建.详情查看.订单支付.库存更新等等. github源码地址:h ...

  4. Web前端——JavaScript扩展补充

    JS补充 document也是windows的一个子对象 a标签点击事件 要想设置点击a标签,执行某种方法,推荐在a标签的herf属性使用JavaScript伪协议,实现点击之后执行的js方法,而不是 ...

  5. C语言指针专题——为何要学习指针

    欢迎转发本文! 之前的文章与各位谈论了指针是什么,以及指针为何这那么难学.不少知友留言说看了我的文章对指针了解了不少,这给我继续创作提供了莫大的动力啊.指针其实就是一个纸老虎,你看着可怕,等你了解其本 ...

  6. python爬虫笔记之re.match匹配，与search、findall区别

    为什么re.match匹配不到?re.match匹配规则怎样?(捕一下seo) re.match(pattern, string[, flags]) pattern为匹配规则,即输入正则表达式. st ...

  7. C语言调用VIX_API开关虚拟机

    #include <stdio.h> #include <stdlib.h> #include "vix.h" #define USE_WORKSTATIO ...

  8. svg文字描边动画

    svg动画在网页中是经常见到的,svg动画使得网页看起来清新美观 任何不规则图形都可以由svg绘制完成,当然也包括文字,文字本身就可以看作一个不规则图形

  9. 个人永久性免费-Excel催化剂功能第76波-图表序列信息维护

    在之前开发过的图表小功能中,可以让普通用户瞬间拥有高级图表玩家所制作的精美图表,但若将这些示例数据的图表转换为自己实际所要的真实数据过程中,仍然有些困难,此篇推出后,再次拉低图表制作门槛,让真实的数据 ...

  10. pytest自定义动态添加描述信息

    先上效果图: 修改pytest-html报告,分三部分. pytest执行目录新建conftest.py文件 import pytest from py._xmlgen import html fro ...