基础HTML学习
1.HTML 简介
-
网页
- 网站是网页的集合
- 网页是网站中的一“页”,通常是HTML格式的文件
- 由图片。链接,文字。声音。视频等元素组成
-
什么是HTML
- 指的是超文本标记语言
-
web标准
- Web标准是由W3C组织何其他标准化组织制定的一系列标准的集合。W3C(万网联盟)是国际著名的组织
- 包括结构,表现,和行为三方面
-
Html标签
- 尖括号包围的关键词
-
<html>
- HTML标签是成对出现
<html></html>
- 特殊的单标签
<br />
-
标题标签
<h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> # 一直到6级标题h1-h6 ,字号依次变小
-
段落标签和换行标签
-
<p> 段落标签</p> <br /> //换行标签
-
-
文本格式化标签
-
<strong>加粗文字</strong> <b>加粗</b> <em>倾斜</em> <i>倾斜</i> <del></del>或者<s></s> //删除线 <u></u> 或者<ins> </ins> 下划线
-
-
div和span标签
- div标签用来布局,一行只能放一个div,可理解为大盒子
- span标签可以一行放置多个span,可以理解小盒子
-
图像标签
-
相对路径:以引用文件所在位置为参考基础,建立出的目录路径。图片相对于HTML页面的位置
- 同级路径:
- 下一级路径: /
- 上一级路径:…/
-
绝对路径:" \ "
-
<img src ="#url"/> //属性值:alt: 文本(图像不能显示的文字,替换文本); title:文本(提示文本,鼠标放在图像上,显示的文字) width: 像素(设置图像的宽度) height:像素(图像的高度) border:像素(图像的边框粗细)
-
-
超链接标签
-
<a href ="跳转的目标" target="目标窗口的弹出方式">文本或者图像</a> //target 的属性:_self :当前页面打开;_blank:新窗口打开
-
连接分类
-
内部链接
-
<a href="内部链接地址"> </a> <a href="文件名/压缩包/等">下载链接</a> //链接的包含 <a href="http://www.baidu.com"><img src="xx.jpg" /></a>
-
-
外部链接
-
<a href="http://www.baidu.com" target="_blank">百度</a>
-
-
锚点链接
-
链接文本的href属性中属性值为 #名字 的形式,如<a href ="#two">第二集</a> 找到目标位置标签,添加一个id属性=刚才的名字,如:<h3 id ="two"> 第二季的介绍</h3>
-
-
特殊字符
-
特殊字符 描述 字符代码 空格符   & 和号 & ¥ 人民币 ¥ © 版权 © ® 注册商标 ® ² 平方2(上标2) ² m³ 立方3(上标3) ³
-
-
-