单标签
常见的语句:
form:表单标签格式
作用:用来收集用户输入信息如:登入、注册、搜索商品等
action:开始网址
method:get和post等等
text (明文):用户名格式
password :(密文)密码
radio :单选框 性别格式 性别是单选,单选类型是radio,注意name要加上sex
checkbox:复选框
textarea:文本框
file:上传文件
select:下拉选择框
button:按钮
reset:重置
submit:提交
详解:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单标签</title>
</head>
<body>
<form action="https://hao.360.com/" method="post">
<p>账号:<input type="text" /></p>
<p>密码:<input type="password" /></p>
<p>
<input type="radio" name="sex" id="" />男
<input type="radio" name="sex" id="" />女
</p>
<p>
<input type="checkbox" name="" id="" value="" />linux
<input type="checkbox" name="" id="" value="" />mysql
<input type="checkbox" name="" id="" value="" />html
<input type="checkbox" name="" id="" value="" />python
</p>
<p>学历
<select name="">
<option value="">请选择学历</option>
<option value="">小学</option>
<option value="">初中</option>
<option value="">高中</option>
<option value="">大学</option>
</select>
</p>
<p>自我介绍:<br />
<textarea name="" rows="10" cols="30"></textarea>
</p>
<input type="reset" value="重置"/>
<input type="submit" value="提交"/>
<input type="button" value="按钮"/>
</form>
</body>
</html>
例
使用 <span> 元素对文本中的一部分进行着色:
<p>我的母亲有 <span style="color:blue">蓝色</span> 的眼睛。</p>
浏览器支持
所有主流浏览器都支持 <span> 标签。
标签定义及使用说明
<span> 用于对文档中的行内元素进行组合。
<span> 标签没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。如果不对 <span> 应用样式,那么 <span> 元素中的文本与其他文本不会任何视觉上的差异。
<span> 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。
提示和注释
提示:被 <span> 元素包含的文本,您可以使用 CSS 对它定义样式,或者使用 JavaScript 对它进行操作。
HTML 4.01 与 HTML5之间的差异
NONE.
全局属性
<span> 标签支持 HTML 的全局属性。
事件属性
<span> 标签支持 HTML 的事件属性。
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
一下html中文件标签和文本标签的使用
目的是学会使用,所以借助工具可以省好多时间
1.文件标签:构成html最基本的标签
html:html文档的根标签
head:头标签。用于引入html文档的一些属性。引入外部的一些资源
title:标题标签
body:体标签
<!DOCTYPE html>:html5中定义该文档是html
2.文本标签:和文本有关的标签
注释:<!-- 注释内容 –->
<h1> 到<h6>:标题标签自带换行的效果
<p>:表示段落的标签
<br>:换行标签<br/>和<br>的写法都不会报错
<hr>:显示一条水平线(也是一个自闭和标签)水平线有一些属性我们可以控制它的样式。hr里面表示高度是size而不是height.对齐方式默认是居中的。
<b>:字体加粗
<i>:斜体
<font>:字体标签(通过属性来修改字体的字号,大小,颜色,以及字体的样式)
<center>:文本居然标签
这里讲下网页下面的版权标签是如何写出来的。
3.图片标签:用来展示图片的(图片也是一个自闭合标签)
属性:src:用来指定图片的位置
什么都不写默认就是./的形式
../表示上一级目录
4.列表标签:
有序列表:ol,li(li表示的是列表的每一项)
无序列表:ul,li
5.链接标签:
a:定义一个超链接
属性:
href:指定访问资源的URL(统一资源定位符,就是路径的表示形式)
target:(是目标的意思)指定打开资源的方式
_self:在当前页面打开
_blank:在空白页面打开
6.表格标签:在HTML中的表格只有行的概念,没有列的概念,将表格以行的形式进行分割,然后再对行进行操作。
table:定义表格
width:表格的宽度
border:边框
cellpadding:单元格内容左对齐(定义内容和单元格的距离)
cellspacing:边框合并(定义单元格之间的距离,如果指定为0,单元格的线会合为一条)
bgcolor:背景色
align:表格的对齐样式
tr:定义行
bgcolor:背景色
align:表格的对齐样式(是用来修改文本的对齐方式的)
td:定义单元格
colspan:合并列
rowspan:合并行
th:定义表头单元格
<caption>:表格标题
<thread>:表示表格的头部分
<tbody>:表示表格的体部分
<tfoot>:表示表格的脚部分
7.块标签:div和span是结合css使用的
span:文本信息在一行显示,行内标签,内联标签(意思就是它不会换行)
div:是会换行的。每一个div占满一整行。块级别的标签
8.语义化标签:html5中为了提高程序的可读性,提高了一些标签
<header>
<footer>
*请认真填写需求信息,我们会在24小时内与您取得联系。