html简单标签

       终于开始练习网页构架,总结了联系中使用到的html标签。

       html一贯的套路或者说是标配就是<html><head></head><body></body></html>.

其中可以添加在<head></head>标签内的有

<title> </title> //网页标题

<base font_size=3> //设定字型大小

<base href="链接网址"> //设定链接(包括图片)

<base target="框架名称"> //设定链接框架

       _blank        在新窗口中打开文档。

       _self           在相同的窗口中打开被链接文档。

       _top           在相同页面中打开被链接文档。

<meta charset="UTF-8">

       UTF-8是国际化编码,我使用的浏览器在没有这条代码时,依然能正常显示中文不会出现乱码,而另一方面,在我将8改为16,运行之后改回8,再次运行虽然代码没有改动,但是浏览器却报错无法运行,直到我重新创建文件并且编码之后才恢复,这个错误类似将8字节加长到16字节之后又要装回8字节长度的框里,没有对原文件备份就只能重头再来了。

<link rel="stylesheet" href="***">rel属性表示文档与链接文档间的关系,同时stylesheety表示文档的外部样式表,href添加URL。

<body></body>之间的标签

<h1></h1>...<h6></h6>   1到6号的标题标签随着数字的增大,标签层级下降,字符变小

下列标签会使标签之间的字符变换字型:

<b> </b> //粗體字

<i> </i> //斜體字

<u> </u> //底線字

<sup> </sup> //上標字

<sub> </sub> //下標字

<font face="黑体" color="blue" size=> </font>  可以设定字型,字的颜色和大小,size 由大至小為 7 > 1。

<div></div>div标签中可以设置class属性以特殊的类名对块进行区分。

<button></button>button标签表示按钮,可以添加class属性进行特殊指代,一般按钮可以启动功能,但是添加了onclick属性的location.href值后就能添加链接。

       当<a href="">包含<button>,只设定按钮位置时会使链接核按钮分离错位,但是<button>包含<a href="">时只设定按钮位置时 不会出现此错误,链接会随着按钮移动位置,可见HTML中的包含关系有特殊用途。

       在CSS文件中为button设置outline属性为none值时,可以在按下按钮之后,不显示按钮边框,为a设置text-decoration属性为none值可以在启动链接时不显示下划线。

<img src="图片路径">此标签没有结束标签,同时可以添加height和width属性直接设定图片大小格式,border属性设置图片边框,alt设置图片无法显示时替代的文字。

<ul></ul>设置清单,可添加class属性,设置type属性可以改变条例前的图标,有三种选择:square黑方点, circle空心圆, 默认为disc黑圆点。

<li></li>设置清单的条例,在CSS文件中添加display属性为inline值可以使列表横放。

PS:下面是偶然看到的几个符号的编码格式

空格     &nbsp;

<          &lt;

>          &gt;

&         &amp;

"          &quot;

猜你喜欢

转载自sodler.iteye.com/blog/2360407
今日推荐