HTML基本标签

简介

HTMl(hyper text mark language )	超文本标记语言,是应用网页的,组成是元素(或标签,表单)

基础格式

<html>
	<head>
		<title> </title>
	</head>
	<body>
	</body>
<html>
标签简介
标签都是成对出现的,也可以有单标签
双标签:闭合元素
单标签:单元素

head里面的标签

<title></title>	设置网站名,就是网站最上面显示的
<meta name="description" content="">	设置网站的描述
<meta charset="utf-8">				   设置编码格式,必须有的
<meta name="author" content="">			网站的作者
<meta name="keywords"	content="">		设置关键字,搜索关键字的时候,有可能搜索到
body里面的标签
标题元素:
	<h1></h1>
	<h6></h6>		总共六级标题h3的大小和正常字差不多
段落:
	<p  style="text-ident:4em"></p>					参数设置首行缩进
换行:
	<br>										 
水平线:
	<hr size="" color="" width="" align="left/right/center>
	size	线的大小
	width	宽度
	color	颜色
    align	对其方式
加粗:
   <b></b>
   <strong></strong>
斜体:
	<i></i>
下划线:
	<u></u>
删除线:
	<del></del>
下标文字:
	<sub></sub>				水的化学符号
上标文字:
	<sup></sup>				幂次方
小号字:
	<small></small>
大号字:
	<big></big>
插入图片:
	<img src="插入的图片" align="">
	align			对其方式(middle,right,left)
	width			宽度
	height			高度
	alt				当无法加载图片的时候,要显示在页面上的东西
超链接:
	<a href=""></a>		链接别的界面
	target				是否创建新的界面_self,_blank  	否与是
标记位置:
	id="name"			可以在任意位置标记,接下来用于超链接#name跳转到那个位置
	当只使用#,是跳转到开头
无序列表:
	<ul type="">	unordered	list
		<li></li>
	</ul>
	参数:circle	空心圆		
		disc	  实心圆
		square     实心矩形
有序列表:
	<ol type="">
		<li></li>
	</ol>
	参数1,I,i,A,a
自定义列表:
	<dl>
		<dt>	标题
		<dd></dd>
		</dt>
	</dl>
表格:
	<table border='' bgcolor='' cellpadding='' cellspacing='' bordercolor='' align=''>
		<tr><td></td>
		</tr>
	</table>
	border	表格的线
	bgcolor	表格的颜色
	bordercolor	表格线的颜色
	cellpadding	数离表格的距离
	cellspacing	表格之间的距离
	align			对齐方式center,left,right
	注意:三个里面都可以设置,行里面有个valign设置垂直的方式bottom,top,middle
	<td>align			对其方式
		valign			垂直对齐方式
		width,height	宽和高
		colspan			几列
		rowspan			几行,行和列可以合并的
	表格标题:
		<caption></caption>
	表头:
		<thead></thead>
	主体:
		<tbody></tbody>
	脚注:
		<tfoot></tfoot>

表单:
	<form action='url' methpd='get/post'>
	</form>
表单元素:
	<input type='' name='' value=''>
	type 参数:
		text		文本
		password	密码
		submit		提交按钮
		reset		重置
		button		按钮
	radio参数
	<input type='radio' name='sex'>a
	<input type='radio' name='sex'>b
	需要name参数一致
	checkbox同上
	file 上传的文件选项
文本;
	<textarea rows='' cols='' name=''></textarea>
	rows 		行数
	cols		列数
下拉选项:
	选择课程:
<select name="course">
	<option value="1">Java</option>
	<option value="2" selected="selected">C++</option>
	<option value="3">PHP</option>
</select>
在input选项中提示文字:
	placeholder=""
  • 5
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值