HTML学习笔记

表格

thead   表头
tbody   表身
tfoot    表尾
<tr>  一行
<td>   一列
align="center" 居中
rowspan   colspan    合并单元格
border   有无边框

基础

&nbsp   空格
&divide   除号
&times   乘号
&lt  <
&gt  > 
<br>   换行
<hr>    分割线
<p>   段落标记
<h1>  标题标记
<h2>  标题标记
<h3>  标题标记
<h4>  标题标记
<h5>  标题标记
<h6>  标题标记

列表标记

<ol>有序排序
<ul>无序排序
<li>行
type标记 类型:
							disc 默认值 实心圆
							circle 实心圆
							square实心方块

超链接

<a href="网站" target="_blank">内容</a>      超链接网站(新界面打开)
<a href="网站" >内容</a>      超链接网站(当前界面跳转)
<a href="1.html"><img src="2.png" title="图片超链接" width="100"/></a>  图片超链接
<a href="../2.html">上一目录网站</a>       打开上一目录的网站

标签

<a name="1234">头像</a>           设置名为name的标签
<a href="#1234">回到头像</a>     跳转到名为name的标签
<a href="#">回到顶部</a>             固定的回到顶部

字体

<font color="red">xxxxxx</font>               颜色
10<sup>2</sup>           右上角加字
10<sub>2</sub>           右下角加字
<i>xx</i>                        斜体字
<ins>xxx</ins>              插入字
<b>xxx</b>                    粗体
<del>xxx</del>               加删除线

表单

<form>
			action:表单提交给服务器中的(Servlet/JSP)
			method:表单的提交方式:
					get:表单中的数据会被显示到地址栏中
					post:表单中的数据不会被显示到地址栏中,会用隐藏的方式发送给服务器
			用法:<form action="ok.html" method="get"> 
<input type="text" name="uname" placeholder="请输入用户名" maxlength="10" required="required"><br>
	 name必须有,否则不会被提交到服务器,placeholder为输入框提示语,maxlength最大长度,required即为是否必填
	 		input type类型:
	 						text文本   password密码,输入会被加密   radio单选   checkbox多选
	 						file 文件的上传
<select name="liebiaokuang">        下拉的列表,列表框
			<option value="guangdong" selected="selected">广东省</option>  一个option代表一项,selected代表默认选中
	</select>
<textarea rows="5" cols="40" name="myself" placeholder="这家伙很懒,什么都没有留下"></textarea>              多行多列输入框,例如个人介绍 
<input type="submit" value="提交" >             提交表单
<input type="reset" value="重置">               重置表单
	readonly只读,不可编辑,会被提交到服务器
	disabled不能编辑,不会被提交到服务器,用在按钮等处可为禁用
	div标记单独占一行
	span不会单独占一行

Html背景图片自适应

<body background="22.gif" style=" background-repeat:no-repeat ;background-size:100% 100%; background-attachment: fixed;"></body>

框架

frameset
		<frameset rows="20%,*,10%"></frameset>      将页面分为上中下,上占20%,中为剩余的,下为10%
						<frame src="head.html">    上面那部分所引用Html
		<frameset cols="10%,*">                     左右分,左边占10%,右边为剩余

如有错误与不妥之处请指出,谢谢

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

魔咒i

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值