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:打开的链接会出现在最顶层的窗体,不考虑框架的情况下和前者是一样的