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. 看看大神 Paul Graham 对如何学习编程的回答

    前言 我翻阅自己之前写的博客文章,发现在 2015 年我刚开始学习编程的时候,翻译了一段 Paul Graham 关于"How can I learn to program?"的回 ...

  2. ZigBee按键查询实践

    按键查询 即硬件上电后,程序开始运行,当检测到按键按下,触发按键语句,执行按键触发的事件: 玩单片机需要清楚两件东西,第一个是单片机的电路图,另一个则是单片机的寄存器: CC2530是51的升级版,我 ...

  3. 关于网页授权access_token和普通access_token的区别

    关于网页授权access_token和普通access_token的区别 1.微信网页授权是通过OAuth2.0机制实现的,在用户授权给公众号后,公众号可以获取到一个网页授权特有的接口调用凭证(网页授 ...

  4. 2017提高组D1T1 洛谷P3951 小凯的疑惑

    洛谷P3951 小凯的疑惑 原题 题目描述 小凯手中有两种面值的金币,两种面值均为正整数且彼此互素.每种金币小凯都有 无数个.在不找零的情况下,仅凭这两种金币,有些物品他是无法准确支付的.现在小 凯想 ...

  5. 免费rar/zip解压缩工具BandZip

    今天为大家推荐一款解压缩类软件--BandZip bandzip是我认为的最好用的解压缩软件,速度快没广告 能够秒杀其他的压缩类软件 下载地址 bandzip点我 1 BandZip简介 BandZi ...

  6. bzoj3125: CITY 题解

    3125: CITY Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 486  Solved: 213[Submit][Status][Discuss] ...

  7. Java编程思想：序列化深层部分

    import java.io.*; import java.util.ArrayList; import java.util.List; public class Test { public stat ...

  8. VNC服务配置

    Windows通过VNC远程桌面访问Ubuntu设备:一个WIN7的机器,一个系统为Ubuntu的机器 (二者可以均可为虚拟机或实体机) 目的:在Windows系统上通过VNC远程访问Ubuntu. ...

  9. BFM使用 - 获取平均脸模型的68个特征点坐标

    使用版本:2009 数据说明网址:https://faces.dmi.unibas.ch/bfm/index.php?nav=1-1-0&id=details 数据下载网址:https://f ...

  10. kali linux 常用文件与指令路径

    重启网络 : /etc/init.d/networking restart 语言设置文件 : /etc/default/locale apt 安装deb保存目录 : /var/cache/apt/ar ...