HTML
html概念:HTML全称是超文本标记语言(Hyper Text Marlup Language),它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的internet资源连接为一个逻辑整体
1) html通常被称为静态网页
2)HTML是带html或htm扩展名的文件
3)HTML的一些标签代码规则将内容呈现在浏览器中所需的风格
4)HTML可以使用记事本创建,并以.html或.htm为扩展名保存
基本标签
文本标签
常用文本标签
<em> 斜体 <i> 定义斜体字
<strong> 加粗 <b> 定义加粗字体
<del> 删除线 <s>删除线
<ins>下划线 <u>下划线
(标红色表示强调)
<sub> 定义下标字
<sup> 定义上标字
<pre>标签控制空行和空格
<span>元素没有特定含义
(同<div>相同,是一个盒子,但<div>一行只能有一个,<span>一行可以有多个)
标题标签
<h1></h1> -- <h6></h6>
段落标签
<p> 文本 </p>
换行标签
<br>或<br/>
水平线标签 <hr>
属性有:
coler:设置水平线颜色
width:设置水平线长度
size:设置水平线大小
align:设置水平线的对齐方式(默认居中),可取值left/right
图片标签 <img>
属性有:
alt:规定图像代替文本 (图像不能显示时,显示的文本)
title:鼠标悬停图片给予提示
width:设置图像的宽度
height:设置图像高度
border:设置图像边框粗细
图像标签可以拥有多个属性,必须写在标签名的后面。
属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
属性采取键值对的格式,即 key= "value”的格式,属性=“属性值”
src:路径
相对路径 : 以引用文件所在位置为参考基础,而建立出的目录路径。
这里简单来说,图片相对于HTML页面的位置。
/ 下一级目录
./ 当前目录
../ 上一级目录
绝对路径 : 是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
超文本将连接标签 <a>
href:链接
链接分类
1.外部链接:例如<a href="http:/l www.baidu.com">百度</a>。
2.内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如
<a href="index.html">首页</a>。
3.空链接:如果当时没有确定链接目标时,<a href=""#">首页</a >。
4.下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
5.网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都
可以添加超链接.
6.可以快速定位到页面中的某个位置。
在链接文本的 href属性中,设置属性值为#名字的形式,如<a href="#two">第2集</a>
找到目标位置标签,里面添加一个id属性=刚才的名字,如:<h3 id="two">第2集介绍</h3>
target:打开方式
_blank:指定action的Url在新开的浏览器窗口中
_parent:指定actioin的Url在父级浏览器窗口中
_self:指定Url在当前的浏览器窗口中
_top:指定action的Url在顶级浏览器窗口中
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>其中,_self为默认值,_blank为新窗口打开
锚点
# id名 锚点链接
注释
HTML中的注释以“ <!-- ”开头,以" --> ”结束
特殊的字符
显示结果 | 描述 | 实体名称 | 实体编号 |
空格 | |   | |
< | 小于号 | < | < |
> | 大于号 | > | > |
& | 和号 | & | & |
'' | 引号 | " | " |
' | 撇号 | '(IE不支持) | ' |
¢ | 分(cent) | ¢ | ¢ |
£ | 镑(pound) | £ | £ |
¥ | 元(yen) | ¥ | ¥ |
€ | 欧元 (euro) | € | € |
§ | 小节 | § | § |
© | 版权(copyright) | © | © |
® | 注册商标 | ® | ® |
™ | 商标 | ™ | ™ |
x | 乘号 | &time | ×; |
重点记住∶空格、大于号、小于号这三个,其余的使用很少,如果需要回头查阅即可。
个人总结,>w<