HTML常用标签

<html>

<head>

<meta charset="utf-8">

<title>网页标题</title>

<!--引入样式-->

<link rel="stylesheet" href="">

<!--引入脚本-->

<script></script>

 

</head>

<body>

<h1>h1标签</h1>

<b>b标签加粗文本</b>

<i>i标签斜体文本</i>

<p>p标签表示段落</p>

 

<!--divsection标签单独一行,一般称为行元素,其他标签称为块元素-->

<div>div容器标签,可以存放其他任意标签,与span,section标签类似</div>a

<span>span容器标签</span>b

<section>section容器标签</section>c

 

<a href="http://www.baidu.com">百度一下</a>

<!--新增页面跳转-->

<a href="http://www.baidu.com" target="_blank">百度一下</a>

 

<!--图片防盗链,防止在其他网站打开,可下载到本地再src中写入本地链接-->

<!--宽和高一般只设置一个,否则可能会变形-->

<img src="http://img.taopic.com/uploads/allimg/120727/201995-120HG1030762.jpg" alt="图片名称" width="100px" title="鼠标放在图片上会展示">

<img src="" alt="图片加载失败">

 

<a href="http://www.baidu.com">

<img src="http://img.taopic.com/uploads/allimg/120727/201995-120HG1030762.jpg" alt="图片名称" width="100px" title="鼠标放在图片上会展示">

</a>

 

<!--表单:登录/注册/搜索-->

<form action="">

<input type="text" placeholder="请输入用户名">

<input type="password" placeholder="请输入密码">

<!--多选框-->

<input type="checkbox">男

<input type="checkbox">女

<input type="checkbox">保密

<!--单选框,name设置一样实现单选-->

<input type="radio" name="a">男

<input type="radio" name="a">女

<!--提交-->

<input type="submit" value="登录">

 

<!--表格,tr表示行,td表示列。查看网页元素table标签下自动加个tbody标签,爬虫时注意是自动加的还是人工加的-->

<table>

<tr>

<td>星期一</td>

<td>星期二</td>

<td>星期三</td>

<td>星期四</td>

</tr>

<tr>

<td>星期一</td>

<td>星期二</td>

<td>星期三</td>

<td>星期四</td>

</tr>

</table>

 

<!--下拉框,value表示传递的数据值-->

<select name="" id="">

<option value="zuqiu">足球</option>

<option value="lan">篮球</option>

<option value="yu">羽毛球</option>

</select>

 

<!--ul无序标签-->

<ul>

<li>a</li>

<li>b</li>

<li>c</li>

<li>d</li>

</ul>

<!--ol有序标签-->

<ol>

<li>a</li>

<li>b</li>

<li>c</li>

<li>d</li>

</ol>

 

</form>

 

</body>

</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值