码迷,mamicode.com
首页 > Web开发 > 详细

html基本标签自我理解

时间:2016-08-01 10:33:53      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

HTML5课堂笔记理解2

上次忘记说了HTML5书写格式要在<html>前加上注释<! DOCTYPE HTML>告诉电脑这是HTML5文档

<h1></h1>

这是一个标题标签在页面身体左上角开始显示。标签内的数字代表字体的大小基本最小到5就可以了。HTML自动在一个标题标签前后会自己添加空行。这个标题标签也可以加入aling属性调节左、右、中。

各种格式化文字标签

<b></b>:定义粗体字

<strong></strong>:定义加重语气

<big></big>:定义大号文字

<em></em>:定义着重文字

<i></i>:定义斜体字

<small></small>:定义小号字

<sub></sub>:定义下标字

<sup></sup>:定义上标字

<del></del>:定义删除字

<u></u>:定义下划线

重要的说一下上标字和下标字吧我先说一下什么类型的字体是下标字,例如:H2、H2OP2O。上标字,例如:X2、Y3Y

如何书写:

英文数字<sub>数字英文</sub>数字英文   这是下标的写法

英文数字<sup>数字英文</sup>数字英文  这是下标的写法

超链接相关标签

<a href=”你要链接到的网址”>这是超链接显示出来的字符</a>

这种打开网址方式是在当前的浏览器窗口打开链接而且要有网络支持

在”你要链接到的网址”后面有三种属性值target=_blank”打开新的浏览器窗口来打开链接;target=_self”在当前浏览器打开链接; target=_top”在框架中用到,顶级框架里显示的打开连接。

还可以加title=“”这个属性,会在鼠标移动到超链接显示的字符出现。

锚点

<a href=”#锚点名字”> 跳转描点的名称</a>

<a name=#锚点的名字”>设置到跳锚点转到的位置名称</a>

以上两个锚点的名字要相同,不然不能成功。还有一种最常见的返回顶部的锚点<a name=""id=""></a><a href="#"></a>这两个。

 

<img sir=”图片名称.文件格式”/>

 

 

 

 

情形

html文件位置

图片位置

写法

同一个目录

F:/html/01.html

F:/html/01.jpg

<img src="01.jpg" />
<img src="./01.jpg" />

下一层目录

F:/html/01.html

F:/html/images/01.jpg

<img src="images/01.jpg"/>

上一层目录

F:/html/01.html

F:/01.jpg

<img src="../01.jpg"/>

同一层不同目录

F:/html/01.html

F:/images/01.jpg

 <img src="../images/01.jpg"/>

 

 

 

图片的属性和属性值width=“宽度大小”、height=“高度大小”。先说到这下次再把要补充和不正确有疑问的地方改正。

html基本标签自我理解

标签:

原文地址:http://www.cnblogs.com/azq6252930/p/5724762.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!