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. scrapy实战1分布式爬取有缘网（6.22接口已挂）：

    直接上代码: items.py # -*- coding: utf-8 -*- # Define here the models for your scraped items # # See docu ...

  2. Web自动化测试 三 ----- DOM对象和元素查找

    一.DOM对象 DOM(Document Object Model文档对象模型):将HTML的各种元素映射为JS可访问的对象.HTML文档中的所有内容都是节点,这些东西在HTML中我们称为元素. 整个 ...

  3. Spring Cloud Alibaba | Sentinel: 分布式系统的流量防卫兵初探

    目录 Spring Cloud Alibaba | Sentinel: 分布式系统的流量防卫兵初探 1. Sentinel 是什么? 2. Sentinel 的特征: 3. Sentinel 的开源生 ...

  4. 最新Centos7.6 部署ELK日志分析系统

    下载elasticsearch 创建elk用户并授权 useradd elk chown -R elk:elk /home/elk/elasticsearch chown -R elk:elk /ho ...

  5. js 使用ES6 实现从json中取值并返回新的数组或者字符串

    1.获取的json数据是这样的: data:[ { 'Id': '1', 'Phone': '123456', 'Name': '张三', }, { 'Id': '2', 'Phone': '7894 ...

  6. 如果通过脚本来关闭程序-linux

    正常情况下在linux关闭一个程序最好是走正常的关闭流程,不要直接杀死进程,这样程序的稳定性确实会收到影响,但是如果想通过脚本来关闭程序正常情况下比较困难的,我便采取了这种暴力的方法-直接杀死进程. ...

  7. python基础知识三 字典-dict + 菜中菜

    3.7字典:dict+菜中菜 1.简介 ​ 无序,可修改,用于存储数据,大量,比列表快,将数据和数据之间关联 ​ 定义:dict1 = {'cx':10,'liwenhu':80,'zhangyu': ...

  8. 【CYH-02】NOIp考砸后虐题赛:坐标：题解

    代码: 这道题也并不难,用排序+简单动规即可.因为@Kevin_Wa 大佬放的是c++,所以我来一发Pascal. var min,max,i,a1,b1,c1,d1,n:longint; a,b,c ...

  9. Spark学习之第一个程序 WordCount

    WordCount程序 求下列文件中使用空格分割之后,单词出现的个数 input.txt java scala python hello world java pyfysf upuptop wintp ...

  10. Socket 连接问题之大量 TIME_WAIT

    简评:最近项目就出现了大量短连接导致建立新连接超时问题,最后是通过维护长连接解决的. 代理或者服务器设备都有端口限制,如果使用 TCP 连接,连接数量达到端口限制,在这种情况下,将不能创建新的连接. ...