一下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>:文本居然标签
例
预格式化的文本:
<pre>
此例演示如何使用 pre 标签
对空行和 空格
进行控制
</pre>
浏览器支持
目前大多数浏览器支持 <pre> 标签。
标签定义及使用说明
<pre> 标签可定义预格式化的文本。
被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
提示和注释
提示: <pre> 标签的一个常见应用就是用来表示计算机的源代码。
在HTML 4.01 与 HTML5中的差异
在 HTML 4.01 中,"width" 属性已废弃,不可使用。 HTML5 不支持"width"属性。
属性
属性 | 值 | 描述 |
---|---|---|
width | number | HTML5 不支持该属性。HTML 4.01 已废弃该属性。 定义每行的最大字符数(通常是 40、80 或 132)。 |
全局属性
<pre> 标签支持全局属性,查看完整属性表 HTML全局属性。
事件属性
<pre> 标签支持所有 HTML事件属性。
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
TML:完成页面的内容展示
CSS:完成页面样式的控制,美化页面,完成页面的布局。
表单:用于采集用户输入的数据。用于和服务器进行交互。
form:用于定义表单的。可以定义一个范围(代表用户采集数据的范围)
属性:action:指定提交数据的url(指的就是把数据提交到哪里)
method:指定提交方式
分类:一共有7种,2种比较常用。
get:1.请求参数会在地址栏显示
2.请求参数的长度是有限制的。
3.请求不安全
post:1.请求参数不会在地址栏显示,会封装在请求体中。
2.请求参数的长度没有限制
3.较为安全
表单里面的数据要想被提交,必须指定它的name属性
表单项标签
input:可以通过type属性值,改变元素展示的样式。
type属性:text:文本输入框,默认值
placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动情况提示信息。
password:密码输入框
radio:1.单选框(要想让多个单选框实现单选的效果,则多个单选框的name属性值必须一样)
2.一般会给每一个单选框提供value属性,指定其被选中后提交的值。
3.checked属性可以指定默认值
checkbox:复选框:
1.一般会给每一个单选框提供value属性,指定其被选中后提交的值。
2.checked属性可以指定默认值
file:文件选择框
hidden:隐藏域,用于提交一些信息
按钮:
submit:提交按钮。可以提交表单
button:普通按钮
image:图片提交按钮
src属性指定图片的路径
label:指定输入项的文字描述信息
注意:lable的for属性一般会和input的id属性值对应。如果对应了,点击lable区域,会让input输入框获取焦点。
select:下拉列表
子元素:option,指定列表项
textarea:文本域
*请认真填写需求信息,我们会在24小时内与您取得联系。