笔记 - 常用HTML标签

常用HTML标签

<html lang = "en"> <!-- 告诉搜索引擎,我们网站的内容 -->
<head> <!--//思想:编辑给浏览器的 -->
	<meta cahrset = "utf-8"> <!-- 万国语言 -->
	<title>淘宝网,淘! </title>
</head>
<body> <!--//给用户看的 -->

	<a href="http://www.baidu.com">www.baidu.com</a>
</body>
</html>
<!-- // 根标签 -->
<p> 段落标签 
<h1> 这是标题  </h1>
<p>Life is shit!!!生活很美好!!!</p>
<strong>加粗</strong>
<em>斜体</em>
<del>删除线</del>
<address> 成段展示+斜体 </address> 
<span></span> 
<div></div>    	充当容器,分解功能
容器捆绑操作



空格是文本分割符,回车同理
html 编码
&nbsp; 真正的空格
&lt;   小于符
&gt;   大于符
<br>   回车标签 有些标签不需要成对出现
<hr>   水平线
style = "width:100px;height:100px;background-color:red;" 大小为100*100的红色背景

有序列表
<ol> 列表架
<li></li> 列表项
<li></li>
<li></li>
</ol>
type = ""可以来控制按照什么来列顺序,"1","a","A","i","I" 
reversed = "reversed" 倒序	注:不需要加逗号
start = "2"

<ul> 无序列表同上
type="disc" 实心圆,"square" 实心正方形,"circle" 圈

<img src = "" sytle = "width:200px;" alt = "This is FanYe">
1.网上的url
2.本地的绝对路径
3.本地的相对路径
alt 图片占位符 中的是注释,在图片地址出现错误,无法正常加载时,会显示出来的
title 图片提示符
	

    <a href="http:www.baidu.com">www.baidu.com</a> 超链接
	
		<div id="demo1" style="width:100px;height:100px;background-color: green">demo1</div>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<div id="demo2" style="width:100px;height:100px;background-color: red">demo2</div>
		<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
		<a href="#demo1">find demo1</a>
		<a href="#demo2">find demo2</a>
		快速返回指定地点
	
		<a></a> 1.超链接
				2.锚点
				3.打电话 "tel:178555555555"
				4.发邮件 "mailto:14789644785@qq.com"
				5.协议限定符 - 点击后强制运行javascript的代码
				<a href="javascript:while(1){alert('shit')}">无限shit</a>
	
		能发送数据,将前端数据发送给后端工程师,提交以后数据库进行匹配,对username进行匹配
		<form method="get" action=""> 
			<p>	
				username:<input type="text" name="username" value="请输入用户名">
			</p>
			<p>
				password:<input type="password" name="password">
			</p>
			<input type="submit" value="login">
		</form>	
		<input type="radio" name="1" value="">	单项选择,此时的name代表在哪个选择题里的,value代表提交哪一题
									"checkbox" 多项选择,
									checked="checked" 默认选项

		<select>
			<option>浙江</option>
			<option>北京</option>
			<option>天津</option>
		</select>     
		显示下拉框
		
		表单信息
		<form method="get" action=""> 
			<p>
				<h1>Province </h1>
			</p>

			<select>
				<option>浙江</option>
				<option>北京</option>
				<option>天津</option>
			</select>
		</form>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值