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

HTML学习笔记 day two

时间:2015-09-10 12:24:36      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

HTML学习笔记 

day two

Charter three网站中的文本样式标签

3.1设置标题字体

语法结构:<h#>标题文字</h#>

注:其中的#可以为1,2,3,4,5,6,不同的数字代表标题的大小,数字越大字体越小。

3.2设置网页文字样式

语法结构:<font size="#" face="想要的字体“>文本内容</font>

注:其中的#可以是1,2,3,4,5,6,7,不同的数字代表标题的大小,数字越大字体越大。

3.3文本布局标签

文本缩进标签:

语法结构:<blockquote>文本内容</blockquote>

作用:它是对整段的内容进行缩进而不是对首行进行缩进,所以他常用于引用。

保留格式标签: 语法结构:<pre>文本内容</pre>

作用:用来保留文本中的空格和换行

内联行标签

语法结构:<span>文本内容</span>

作用:它本身是没有意义的,他要和CSS结合起来使用

3.4基于物理样式的文本标签

加粗标签

语法结构:<b>加粗文字</b>

斜体标签

语法结构:<i>斜体文字</i>

下划线标签

语法结构:<u>文字</u>

文字标记标签

语法结构:<ins cite=”链接“ datetime=”时间“>文字</ins>

属性:cite和datetime,前者指出文档的链接或者修改原来的链接,总之就是一个链接,后者指出的是修改的时间

删除线标签

语法结构:<del>文字</del>或者<s>文字</s>

上标标签

语法结构:<sup>斜体文字</sup>

下标标签

语法结构:<sub>斜体文字</sub>

3.5基于逻辑样式的文本标签

逻辑样式标签指的是浏览器根据自己对标签的理解然后显示出效果

<big>文字</big>

<small>文字</small>

前一个标签是让文字大一号,后一个标签是让文字小一号

特注:在HTML5中已经没有font,big,small,u标签,在你写的时候会有横线,但是可以执行,效果也可以显示出来,原因应该是浏览器还能够读出标签的含义

Chapter four 超链接

4.1创建超链接

语法结构:<a href="链接的地址”>显示出的名称</a>

4.2href属性

链接到同一页面的其他位置 

语法结构:

<a name=”n”>显示出的名称</a>

<a href=”#n”>显示出的名称</a>

这两个谁在前谁在后没有关系关键是name属性的值和href属性中值要对应,常用于页面太长的情况

本地相对路径 1,同级链接: 直接写上链接的HTML的名字就可以

2.下级链接:

“文件名/链接的HTML的名字"

3.上级链接

”../链接的HTML的名字"

空间网址绝对路径 URL

“http://www.Baidu.com/"

为了规范一般要在最后的位置加上 / ;不能够少了http://这样的头

4.3target属性

作用:用来控制链接目标的打开方式

方式: _blank:在新窗口打开

_parent:在父窗口打开,原来的页面会被覆盖 _self:在当前窗口打开,不考虑框架的情况下和前者是一样的 _top:打开的链接会出现在最顶层的窗体,不考虑框架的情况下和前者是一样的

HTML学习笔记 day two

标签:

原文地址:http://www.cnblogs.com/whatyouknow123/p/4797131.html

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