HTML5进阶段内联标签汇总（小篇）
内联元素，与别人公用一行，但是设置宽高无效。其特点：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标签基础2</title>
</head>
<body>
<!-- 内联元素 与别人公用一行 但是设置宽高无效 -->
<!-- 无语义 -->
<span>无语义</span>
<!-- 图片 alt图片加载失败显示-->
<img src="d" alt="加载失败">
<!-- 超链接 -->
<a href="http://www.baidu.com">跳转</a>
<!-- 斜体强调 -->
<var>斜体强调作用</var>
<!-- em和i经常用于制作小图标 -->
<em>斜体强调作用</em>
<i>斜体强调作用</i>
<!-- 加粗强调 -->
<strong>加粗强调</strong>
<!-- 表单 提交数据-->
<form action="">
<!-- 输入框 -->
<input type="text">
<!-- 密码输入框 -->
<input type="password">
<!-- 按钮 -->
<input type="button" value="按钮">
<!-- 提交表单 -->
<input type="submit" value="提交表单">
<!-- 日期 年月日-->
<input type="date">
<!-- 日期 年周 -->
<input type="week">
<!-- 日期 年月 -->
<input type="month">
<!-- 日期 当前时间 -->
<input type="time">
<!-- 选择文件 -->
<input type="file" value="打开文件">
<!-- 只能输入数字 -->
<input type="number">
<!-- 颜色选择器 -->
<input type="color">
<!-- 重置 -->
<input type="reset">
<!-- 复选框 -->
<input type="checkbox">我爱你
<input type="checkbox">你爱我
<!-- 单选框 name 同名字为一组-->
<input type="radio" name="sex" checked="checked">男
<input type="radio" name="sex">女
</form>
<!-- 多行文本 cols宽度 rows高度 -->
<textarea name="" id="" cols="30" rows="10"></textarea>
<!-- 选择列表 默认第一个选项的值为初始值-->
<select name="" id="">
<option value="">选项1</option>
<option value="">选项2</option>
<option value="">选项3</option>
</select>
</body>
</html>
HTML5进阶段内联标签汇总（小篇）的更多相关文章
- 块级标签与预格式化文本标签----------大多数XHTML可以表示为两种类型的标签：块标签（block tag）和内联标签（inline tag）
<html> <head> <meta charset="utf-8"> <title>块级标签</title> < ...
- 内联标签------------大多数XHTML可以表示为两种类型的标签：块标签（block tag）和内联标签（inline tag）
内联标签 <em> 强调,大部分浏览器渲染为斜体. <strong> 强调,大部分浏览器渲染为黑体. <sub> 下标 <sup> 上标 内联标签通常用 ...
- 前端1-----HTML了解,内联标签(图片,超链接锚点,超链接邮箱)
前端1-----HTML了解,内联标签(图片,超链接锚点,超链接邮箱) 一丶自定制B/S # -*-coding:utf-8-*- # Author:Ds import socket IP_PORT= ...
- html5 区块与内联div 与span html块级元素
HTML <div> 和 <span> HTML 列表 HTML 类 可以通过 <div> 和 <span> 将 HTML 元素组合起来. HTML 块 ...
- [HTML5]块和内联元素的嵌套
块元素可以包含块或内联元素,但是内联元素只能包含其他内联元素. <!-- 无效代码! :-( --> <strong> <p>你不应该把p元素放在 "st ...
- HTML5 Canvas、内联 SVG、Canvas vs. SVG
canvas 元素用于在网页上绘制图形. 什么是 Canvas? HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像. 画布是一个矩形区域,您可以控制其每一像素. canv ...
- HTML5 学习03——内联 SVG
什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺 ...
- 【HTML5】SVG内联
什么是SVG? SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺 ...
- HTML常用标签-<body>内基本标签（块级标签和内联标签）
HTML常用标签-<body>内基本标签(块级标签和内联标签) 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.<hn>系列标签 n的取值范围是1~6,从 ...
随机推荐
- sql期末复习（二）
1.概念模式是对dba所看到的全局数据逻辑结构和特征的描述 概念模式是对数据整体的逻辑结构的描述 2.数据库网状模型应满足的条件是允许一个以上的结点无父结点,其余结点都只有一个父结点 3.sql语言中 ...
- 创建分区表和查看分区表的Metadata
未分区的表,只能存储在一个FileGroup中:对table进行分区后,每一个分区都存储在一个FileGroup中.表分区是将逻辑上一个完整的表,按照特定的字段拆分成Partition set,分散到 ...
- MVC4做网站后台:栏目管理3、删除栏目与左侧列表菜单
一.左侧列表菜单 打开视图Menu.cshtml,增加部分见红框 在category中添加脚本 //栏目菜单加载完毕函数 function CategoryMenu_Ready() { $('#cat ...
- C语言之通过冒泡排序浅谈编程思想
写这篇博文的目的是想起到抛砖引玉的作用,还请大牛们留下一些先进的思想,让小菜学习一下.下面入正题. 复习C语言怎么能少的了冒泡呢,记得刚学C语言那会,感觉冒泡排序真的太复杂了,理解不大了,嗯!还是当时 ...
- C算法编程题（七）购物
前言 上一篇<C算法编程题(六)串的处理> 有些朋友看过我写的这个算法编程题系列,都说你写的不是什么算法,也不是什么C++,大家也给我提出用一些C++特性去实现问题更方便些,在这里谢谢大家 ...
- 让你的Mac支持NTFS
前段时间换成Mac电脑之后,发现有一点不爽,不能在Mac下写入NTFS格式的磁盘,所以就去研究了一下. 解决方法有如下三种. 第一种,直接使用第三方软件,如Paragon NTFS for MAC,T ...
- T-SQL CROSS APPLY、MERGE
写在前面 刚才看项目里一个存储过程,也是好长时间没有使用Sql Server2008了,好多写法和函数感觉到陌生,这就遇到了CROSS APPLY 和MERGE的语法,两者之前完全没接触过. 所以专门 ...
- js修改不了input的值
奇怪的input 今天想做一个通过点击按钮,修改input值的控件,但是点击按钮后,input值变成修改的值后又变回了原来的值,百思不得其解,代码如下 <form> <div cla ...
- Linux 学习笔记
Linux学习笔记 请切换web视图查看,表格比较大,方法:视图>>web板式视图 博客园不能粘贴图片吗 http://wenku.baidu.com/view/bda1c3067fd53 ...
- 从零开始学习jQuery (三) 管理jQuery包装集
本系列文章导航 从零开始学习jQuery (三) 管理jQuery包装集 一.摘要 在使用jQuery选择器获取到jQuery包装集后, 我们需要对其进行操作. 本章首先讲解如何动态的创建元素, 接着 ...