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>

最新文章

  1. A coroutine example: Streaming XML parsing using xml_parser
  2. hbase批量数据导入报错:NotServingRegionException
  3. CSS学习笔记——响应式布局
  4. ODAC(V9.5.15) 学习笔记(十九)主键值自动生成
  5. WebApi 集成 Swagger
  6. 平易近人、兼容并蓄——Spark SQL 1.3.0概览
  7. PHP搜索MYSQL数据库加分页浏览小结
  8. WPF自己定义命令Command
  9. Python 自动化脚本学习(二)
  10. mongodb 数据库导入.cvs文件时某些字段类型变成NumberLong的解决办法
  11. 转:Web测试需要了解的知识
  12. 饼干是这样压缩的——PHP使用zlib扩展实现页面GZIP压缩输出
  13. spring的@Transactional(rollbackFor=Exception.class)的使用
  14. Android编程示例:创建机场计划模拟器应用程序
  15. Redis和MongoDB的区别(面试受用)
  16. echarts中饼图显示百分比
  17. PS制作简洁漂亮的立体抽丝文字
  18. Node.js API 学习笔记
  19. ruby离线安装整理
  20. mysql存储过程或函数中传入参数与表字段名相同引发的悲剧

热门文章

  1. 爬取链家网租房图 使用ImagesPipeline保存图片
  2. springcloud高可用方案
  3. android_alertDialog
  4. 【POJ - 2253】Frogger (Floyd算法)
  5. CentOS6.5安装Oracle 12c
  6. 手写 Spring
  7. 15号作品teamfinal使用体验
  8. C语言 结构体字节对齐问题
  9. Git 安装及使用指南
  10. 基于ng-zorro的ASP.NET ZERO前端实现之代码生成器