常用符号:空格:&nbsp   大于号:&gt   小于号: &lt

块级标签:H标签(加大加粗),P标签(段落间有间距),DIV(白板)

行内标签:SPAN标签(白板)

 <!--标题标签-->
<h1>h1标签</h1>
<h2>h2标签</h2>
<h3>h3标签</h3>
<h4>h4标签</h4>
<h5>h5标签</h5>
<h6>h6标签</h6>
<!--白板标签:没有任何css样式-->
<!--内联标签真白板标签:有多大占多大-->
<span>这是span标签</span>
<span>这是span标签</span> <!--div标签:块级伪白板标签:无论多大占一行-->
<div>这是div标签</div>
<!--段落标签p:实现字与字之间的换行-->
<!--换行标签br:实现换行-->
 <!--input标签:输入框-->

 <!--name和value,是向后台以{key:value}向后台传递数据,name的值为key,value的值为value;-->
<input type="text" name="username" value="" placeholder="请输入用户名"> <!--密码框 type="password"-->
<input type="password" name="passwd"> <!--多选框 type="checkbox",checked 默认勾选-->
<input type="checkbox" name="" checked="checked"> <!--单选框 type="radio",name必须相同才会互斥,实现单选-->
<div>
<span>男</span><input type="radio" name="sex">
</div>
<div>
<span>女</span><input type="radio" name="sex">
</div> <!--form表单标签,表单提交会刷新页面,ajax不会刷新页面-->
<!--action请求路径,method请求方式-->
<form action="s.html" method="post">
<input type="text" value="uuytr">
<!--没有任何外加操作-->
<input type="button" value="增加">
<!--submit与form表单连用,会提交form表单中的数据-->
<input type="submit" value="提交">
<!--必须与from表单连用才能有重置的功能-->
<input type="reset">
</form> <!--label标签与input连用,通过for属性 映射到input的id属性,这样点击用户名,就可以获取输入框的焦点-->
<label for="i1">用户名:</label>
<!--id属性是选择器-->
<input id="i1" placeholder="请输入用户名" name="username" type="text">
 <!--多行文本-->
<textarea name="content">这是textarea的内容</textarea> <!--select 下拉框标签,在option上增加 selected 为默认选择-->
<!--要实现按住ctrl 可以多选的效果,需要使用multiple-->
<select name="city" size="1" multiple="multiple">
<option value="1">黑龙江</option>
selected="selected" 默认选中第二个
<option value="2" selected="selected">河北</option>
<option value="3">河南</option>
</select> <!--选黑龙江后,再选第二级-->
<select size="7" multiple="multiple">
<optgroup label="黑龙江">
<option>牡丹江</option>
<option>哈尔滨</option>
<option>鸡西</option>
</optgroup>
<optgroup label="河北">
<option>石家庄</option>
<option>保定</option>
<option>涞水</option>
</optgroup>
</select>
 <!--a标签:超链接-->
<a href="https://www.baidu.com/" target="_blank" style="text-decoration:none">百度一下</a> <!--image标签:-->
<!--alt属性:当图片加载失败时所展示的文案-->
<img src="logo.jpg" alt="这是logo" title="logo">
 <!--列表标签-->
<ul>
<li>用例名称</li>
<li>用例方法</li>
<li>返回参数</li>
</ul> <!--数字列表-->
<ol>
<li>用例名称</li>
<li>用例方法</li>
<li>返回参数</li>
</ol> <!--分层列表-->
<dl>
<dt>黑龙江</dt>
<dd>牡丹江</dd>
</dl>
<dl>
<dt>河北</dt>
<dd>保定</dd>
</dl>
 <!--表格标签-->
<!--thead:表头 th:表头行 tbody:内容 tr:行 td:列 boder:表格的边框
coslpan:td占几列 rowspan:tr占几列-->
<table border="1">
<thead>
<tr>
<th>id</th>
<th>caseName</th>
<th>method</th>
<th colspan="2">操作</th> <!--列合并-->
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td rowspan="3">抽奖</td> <!--行合并-->
<td rowspan="3">post</td>
<td>编辑</td>
<td>删除</td>
</tr>
<tr>
<td>2</td>
<td>编辑</td>
<td>删除</td>
</tr>
<tr>
<td>3</td>
<td>编辑</td>
<td>删除</td>
</tr>
</tbody>
</table>

HTML_body标签的更多相关文章

  1. [19/05/17-星期五] HTML_body标签(内嵌标签)和框架标签

    一.内嵌标签 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!- ...

  2. [19/05/16-星期四] HTML_body标签(表格标签)

    一.概念 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl ...

  3. [19/05/15-星期三] HTML_body标签(超链接标签和锚点)

    一.超链接标签 <html> <head> <meta charset="UTF-8"> <title>04 body超链接标签学习 ...

  4. [19/05/14-星期二] HTML_body标签(列表标签和图片标签)

    一.列表标签 <!-- 快捷键 1.<meta charset="UTF-8"/> 用m6可直接写出 2.复制当前1行到下一行 ctrl+shift+R --&g ...

  5. HTML_body中常用的标签部分

    meta: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <t ...

  6. a标签点击跳转失效--IE6、7的奇葩bug

    一般运用a标签包含img去实现点击图片跳转的功能,这是前端经常要用到的东西. 今天遇到个神奇的bug:如果在img上再包裹一层div,而且div设置了width和height,则图片区域点击时,无任何 ...

  7. IE6、7下html标签间存在空白符,导致渲染后占用多余空白位置的原因及解决方法

    直接上图:原因:该div包含的内容是靠后台进行print操作,输出的.如果没有输出任何内容,浏览器会默认给该空白区域添加空白符.在IE6.7下,浏览器解析渲染时,会认为空白符也是占位置的,默认其具有字 ...

  8. 百度MIP页规范详解 —— canonical标签

    百度MIP的规范要求必须添加强制性标签canonical,不然MIP校验工具会报错: 强制性标签<link rel="/^(canonical)$/"> 缺失或错误 这 ...

  9. 【CSS进阶】伪元素的妙用--单标签之美

    最近在研读 <CSS SECRET>(CSS揭秘)这本大作,对 CSS 有了更深层次的理解,折腾了下面这个项目: CSS3奇思妙想 -- Demo (请用 Chrome 浏览器打开,非常值 ...

随机推荐

  1. python BeautifulSoup库用法总结

    1. Beautiful Soup 简介 简单来说,Beautiful Soup是python的一个库,最主要的功能是从网页抓取数据.官方解释如下: Beautiful Soup提供一些简单的.pyt ...

  2. 利用Python爆破数据库备份文件

    某次测试过程中,发现PHP备份功能代码如下: // 根据时间生成备份文件名 $file_name = 'D' . date('Ymd') . 'T' . date('His'); $sql_file_ ...

  3. Splash 对象属性

    args js_enabled resource_timeout images_enabled plugins_enabled scroll_position

  4. Kafka版本升级 ( 0.10.0 -> 0.10.2 )

    升级Kafka集群的版本其实很简单,核心步骤只需要4步,但是我们需要在升级的过程中确保每一步操作都不会“打扰”到producer和consumer的正常运转.为此,笔者在本机搭了一个测试环境进行实际的 ...

  5. STL——空间配置器(SGI-STL)

    一. 空间配置器标准接口 参见<STL源码剖析>第二章-2.1.<memory>文件. 二.具备次配置力的SGI空间配置器 1. SGI STL的配置器与众不同,也与标准规范不 ...

  6. Web负载均衡与分布式架构

     参考帖子: Web负载均衡的几种实现方式 大型网站架构系列:负载均衡详解(上) DNS 原理入门 解决nginx负载均衡的session共享问题 什么是消息队列 Java应用架构的演化之路 Java ...

  7. uefi安装win7,deepin15双系统后grub没有windows选项

    本帖最后由 873792861 于 2015-12-23 16:17 编辑 如题,首先电脑是GPT+uefi的,电脑上安装有64位的win7.用U盘工具制造好驱动U盘后,在安装时选择 专家模式 ,选择 ...

  8. pg3 bypass源码阅读 —— 学习x64内核hook跳板技术

    如之前描述的 pg3复杂了许多 先来看看都要hook哪些点 1.hook dpc和定时器分发器,防止seh路线触发pg KiTimerListExpire,KiRetireDpcList 看一下hoo ...

  9. Church 整数前驱的推导

    Church 整数前驱的推导比其后继复杂得多,wiki中一个前驱的定义据王垠的博客里说,是他一个数学系的同学花一星期时间推导出来的, 其定义确实比其它介绍lambda的文章中用pair来实现(据说是图 ...

  10. php文件的处理和操作

    好长时间没有看php手册了,有些关于文件操作方面的知识点发现从没有学过,现补习一下,顺便整理一下: 1.文件的打开:fopen()   此函数的第一个参数含有要打开的文件的名称,第二个参数规定了使用哪 ...