网站做打火机如何,怎么下载ppt免费模板,织梦网站如何更新系统,蔬菜基地做网站合适吗html学习第2篇---标签 1、标题标签h1---h62、段落标签p3、换行标签br4、文本格式化标签5、div标签和span标签6、图像标签img6.1、图像属性6.2、相对路径、绝对路径 7、超链接标签a7.1、属性7.2、分类 8、注释标签和特殊字符8.1、注释8.2、特殊字符 1、标题标签h1—h6
为了使网… html学习第2篇---标签 1、标题标签h1---h62、段落标签p3、换行标签br4、文本格式化标签5、div标签和span标签6、图像标签img6.1、图像属性6.2、相对路径、绝对路径 7、超链接标签a7.1、属性7.2、分类 8、注释标签和特殊字符8.1、注释8.2、特殊字符 1、标题标签h1—h6
为了使网页更具有语义化我们经常会在页面中用到标题标签。HTML 提供了6个等级的网页标题。
标签语义作为标题使用,并且依据重要性递减。
特点
加了标题的文字会变的加粗,字号也会依次变大。一个标题独占一行。
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body
h1这是h1标签/h1
h2这是h2标签/h2
h3这是h3标签/h3
h4这是h4标签/h4
h5这是h5标签/h5
h6这是h6标签/h6
/body
/html 2、段落标签p
p标签用于定义段落它可以将整个网页分为若干个段落。
特点
文本在一个段落中会根据浏览器窗口的大小自动换行。段落和段落之间保有空隙。
body
p我与父亲不相见已二年余了我最不能忘记的是他的背影。/p
p那年冬天祖母死了父亲的差使⑴也交卸了正是祸不单行的日子。我从北京到徐州打算跟着父亲奔丧⑵回家。到徐州见着父亲看见满院狼藉⑶的东西又想起祖母不禁簌簌地流下眼泪。父亲说“事已如此不必难过好在天无绝人之路”
/p
p回家变卖典质⑷父亲还了亏空又借钱办了丧事。这些日子家中光景很是惨澹⑸一半为了丧事一半为了父亲赋闲⑹。丧事完毕父亲要到南京谋事我也要回北京念书我们便同行。
/p
p到南京时有朋友约去游逛勾留⑺了一日第二日上午便须渡江到浦口下午上车北去。父亲因为事忙本已说定不送我叫旅馆里一个熟识的茶房⑻陪我同去。他再三嘱咐茶房甚是仔细。但他终于不放心怕茶房不妥帖⑼颇踌躇⑽了一会。其实我那年已二十岁北京已来往过两三次是没有什么要紧的了。他踌躇了一会终于决定还是自己送我去。我再三劝他不必去他只说“不要紧他们去不好”/p
/body3、换行标签br
在HTML中一个段落中的文字会从左到右依次排列,直到浏览器窗口的右端然后才自动换行。如果希望某段文本强制换行显示就需要使用换行标签。
特点
br标签是单标签标签只是简单的开始新的一行跟段落不一样段落之间会插入一些垂直的间距。
body
p我与父亲不相见已二年余了br/我最不能忘记的是他的背影。/p
/body4、文本格式化标签
标签语义突出重要性比普通文字跟重要
语义标签说明加粗strong/strong或b/b更推荐使用strong标签加粗语义更强烈倾斜em/em或i/i更推荐使用em标签加粗语义更强烈删除线del/del或s/s更推荐使用del标签加粗语义更强烈下划线ins/ins或u/u更推荐使用ins标签加粗语义更强烈
body
p我与父亲strong不相见已二年余了/strong我最b不能忘记的是他的背影/b。/p
p我与父亲em不相见已二年余了/em我最i不能忘记的是他的背影/i。/p
p我与父亲del不相见已二年余了/del我最s不能忘记的是他的背影/s。/p
p我与父亲ins不相见已二年余了/ins我最u不能忘记的是他的背影/u。/p
/body5、div标签和span标签
div标签和span标签是没有语义的它们就是一个盒子用来装内容
特点
div标签是用来布局的但是一行只能方一个div盒子span标签是用来布局的一行可以多个span
body
div这是div标签一个人独占一行/div
div这是div标签一个人独占一行/divspan这是span标签不换行/span
span这是span标签不换行/span/body6、图像标签img
图像标签img是单标签。 src是img标签的必须属性它用于指定图像文件的路径和文件名。所谓属性简单理解就是属于这个图像标签的特性。
6.1、图像属性
属性属性值说明src图片路径必须属性alt文本替换文本图像不能显示时锁展示的文字title文本提示文本。的那鼠标放到图像上时显示的文字width像素设置图像的宽度height像素设置图像的高度border像素设置图像的边框粗细
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body
h4图片标签的使用:/h4
img src../img/noData.png alt title鼠标放在图片上提示的文字h4图像显示不出来的时候用文字替换/h4
img src alt暂无数据时的图片h4给图片设置宽高度/h4
img src../img/noData.png height100 width100h4给图片设置边框/h4
img src../img/noData.png height100 border10
/body
/html 6.2、相对路径、绝对路径
相对路径以应用文件所在位置为参考基础而建立出的目录路径
分类符号说明同一级路径图像文件位于HTML文件同一级如 xxx.gif下一级路径/图像文件位于HTML文件下一级如 images/xxx.gif上一级路径…/图像文件位于HTML文件上一级如…/xxx.gif
绝对路径是指目录下的绝对位置直接到达目标位置通常是从盘符开始的路径
7、超链接标签a
语法a href跳转目标 target目标窗口弹出方式“ /a
7.1、属性
属性1作用href用于指定链接目标的url地址 (必须属性)当为标签应用href属性时它就具有了超链接的功能target用于指定链接页面的打开方式其中self为默认值_blank为在新窗口中打开方式。
7.2、分类
外部链接
h1外部链接/h1
spantarget打开窗口的方式默认是_self当前窗口打开_blank新窗口打开页面/span
a hrefhttps://www.baidu.com target_blank前往百度(打开一个新窗口)/a内部链接
网站内部页面之间的相互连接
h1内部链接/h1
a href01标题标签.html target_blank前往内部页面(打开一个新窗口)/a空链接
如果当时没有确定链接目标时a href#/a
h1空链接/h1
a href#我的地址/a下载链接
如果href里面地址是一个文件或者压缩包会下载这个文件
h1下载地址/h1
a hrefnoData.zip点击下载文件/a网页元素链接
在网页中的各种网页元素如文本、图像、表格、音频、视频等都可以添加超链接.
h1网页元素链接/h1
a hrefhttps://www.baidu.com img src../img/noData.png alt/a锚点链接
当我们点击链接可以快速定位到页面中的某个位置
在链接文本的href属性中设置属性值为#名字的形式如
a href#two点击跳转到外部链接/a找到目标位置标签在里面添加一个id属性刚才的名字如
h1 idtwo外部链接/h1h1 idhref外部链接/h1
spantarget打开窗口的方式默认是_self当前窗口打开_blank新窗口打开页面/span
a hrefhttps://www.baidu.com target_blank前往百度(打开一个新窗口)/ah1网页元素连接/h1
a hrefhttps://www.baidu.com img src../img/noData.png alt/a8、注释标签和特殊字符
8.1、注释
如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字就需要使用注释标签。
注释以“!--”开头以“--”结束
8.2、特殊字符
在HTML页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代。
特殊字符描述字符的代码 空格符nbsp;小于号lt;‘’大于号gt;和号amp;人民币yen;©版权copy;®注册商标reg;°摄氏度deg;±正负号plusmn×乘号times;÷除号divide;²平方2上标2sup2;³立方3上标3sup3;
p空格符:nbsp;结束啦/p
p小于号:lt;/p
p大于号:gt;/p
p和号:amp;/p
p人民币:yen;/p
p版权:copy;/p
p注册商标:reg;/p
p摄氏度:deg;/p
p正负号:plusmn;/p
p乘号:times;/p
p除号:divide;/p
p平方2:sup2;/p
p立方3:sup3;/p