html学习笔记(一)

html学习笔记(一)

html超文本链接标记语言hypertext markup laguage

html标记大全

<html>
形式上的标记
<head></head>
头标记,放置关于此html文件的信息,如提供索引,定义css样式
<title></title>
标题标记,包含在’’中,设置网页标题
<body></body>
主题标记,放置网页需要显示的部分
<h1><h2>.....<h6>
header显示内容标题样式,从<h1>到<h6>逐渐减小
<b></b>
bold加粗
<i></i>
ilitaic倾斜
<u></u>
underline下划线
<s></s>
下删除线
<em></em>
emphasis强调,即斜体
<strong></strong>
加粗
<big></big> <small></small>
放大 缩小
<code></code>
代码和指令
<address></address>
显示电子邮件或地址
<br> <wbr> <hbr>
break分别代表断行,字内段行,分割线
<p></p>
paragraph段落标记
<center></center>
使文字水平居中
<blockquote></blockquote>
设置文字段落的缩进
<ul>
<li>...</li>
</ul>

建立unordered列表
<ol>
<li>...</li>
</ol>

建立ordered列表
<font></font>
设置文字的大小,颜色还有字体,所有它的属性有’color=”颜色” ‘size=”大小”’ ‘face=”字体”’
<img src="路径下的图片或是url">
image插入图片
width=”数字” height=”数字” alt=”无法正常显示的替换文本”
只设置一个属性高度或是宽度,图片则会以原始图片的比例显示,img标签是不需要结束标签的标签之一
<a href="路径下的url">链接文字或图片</a>
url统一资源定位器Uniform resource lacator,其由四个部分组成,协议,主机名,文件夹名和文件
页面内的标签
形如<a href="#目标名称">链接文字或图片</a><a name="目标名称">目标链接文字,其原理是在创造链接的文本时使用#目标名称跳转至目的地,后面使用name=”目标名称”呼应
<a href="mailto:url"></a>
打开邮箱的客户端
targe="..."可以使用的标签有
- _blank在新窗口中打开链接
- _self相当于不设置target属性
- _top在顶级框架中显示链接页面
- _parent在上一级框架中显示链接页面

<frameset>
<frame>
</frameset>

建立框架集和框架,<frameset></frameset><body></body>同级,这二者不能进行嵌套,它的属性有cols和rows
cols="百分比" rows="百分比"
分别设置框架的纵向占比和横向占比
<frame src="url">
在框架中加入网页
<table>
<tr>
<th>..</th><th>..</th></th>
</tr>
<tr>
<td>..<td> <td>..<td>
</tr>
<tr>
<td>..<td> <td>..<td>
</tr>
</table>

tr代表table row,td代表table data cell,th代表table header
rowspan="数字" colspan="数字"
分别代表合并上下单元格,合并左右单元格,数字代表合并单元格的个数
table可以用align设置对齐,width,height设置宽度高度,bgcolor设置背景颜色

html属性

align=""
控制水平对齐,它的参数有’left”right”center’
bgcolor=""
设置背景颜色,可以用的参数有两种:
red,blue,green....
- #FFFFFF,#000000.....

Something special

&lt代表小于<    &gt代表大于>
&copy代表版权符号
&divide代表符号除以
&plusmn代表正负
&harr代表双向箭头
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值