什么是HTML,HTML的简介,HTML结构
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>段落标签(其中的文字可以根据浏览器窗口大小自动换行)——块级
=============转义符===============
&开头;结束
空格
©版权符号©
<小于号<
>大于号>
"引号 "
============图像标签==============
<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>
最新文章
- A coroutine example: Streaming XML parsing using xml_parser
- hbase批量数据导入报错:NotServingRegionException
- CSS学习笔记——响应式布局
- ODAC(V9.5.15) 学习笔记(十九)主键值自动生成
- WebApi 集成 Swagger
- 平易近人、兼容并蓄——Spark SQL 1.3.0概览
- PHP搜索MYSQL数据库加分页浏览小结
- WPF自己定义命令Command
- Python 自动化脚本学习(二)
- mongodb 数据库导入.cvs文件时某些字段类型变成NumberLong的解决办法
- 转:Web测试需要了解的知识
- 饼干是这样压缩的——PHP使用zlib扩展实现页面GZIP压缩输出
- spring的@Transactional(rollbackFor=Exception.class)的使用
- Android编程示例:创建机场计划模拟器应用程序
- Redis和MongoDB的区别(面试受用)
- echarts中饼图显示百分比
- PS制作简洁漂亮的立体抽丝文字
- Node.js API 学习笔记
- ruby离线安装整理
- mysql存储过程或函数中传入参数与表字段名相同引发的悲剧