html中的各种标签

<h1><h6> 分别表示不同大小的标题;

<p>标签即表示段落,是paragraph的缩写,自带换行效果;

<b>,<strong>都能实现粗体的效果;

<i><em>都可以表示斜体效果;

在网页上显示代码,比如C语言代码,就需要用到<pre>

<del>即删除标签,delete的缩写;

<ins>即下划线标签
<u>也可实现下划线功能,但不建议使用;

<img> 即图像标签,需要设置其属性 src指定图像的路径
图片中可加上alt属性;

<a>标签即用来显示超链
完整元素是<a href="跳转到的页面地址">超链显示文本</a>

<table>标签用于显示一个表格
<tr> 表示行
<td> 表示列又叫单元格;

列表分无序列表和有序列表
分别用<ul>标签和<ol>标签表示;

<div><span>这两种标签都是布局用的
这种标签本身没有任何显示效果,通常是用来结合css进行页面布局
<div>是块元素,能自动换行,<span>是内联元素,不能自动换行

<font>标签表示字体
<font>常用的属性有 color和size, 分别表示颜色和大小

<iframe> 即内联框架
通过内联框架 可以实现在网页中“插入”网页

<input type="text"> 即表示文本框,并且只能够输入一行
如果要输入多行,使用文本域<textarea>;

<input type="password"> 即表示密码框;

<form>用于向服务器提交数据,比如账号密码;
其中get和post的区别:
get
是form默认的提交方式
如果通过一个超链访问某个地址,是get方式
如果在地址栏直接输入某个地址,是get方式
提交数据会在浏览器显示出来
不可以用于提交二进制数据,比如上传文件
post
必须在form上通过 method=“post” 显示指定
提交数据不会在浏览器显示出来
可以用于提交二进制数据,比如上传文件;

<br/>换行;

<input type="radio" > 表示单选框;

<input type="checkbox">即表示复选框;

<select> 即下拉列表,需要配合<option>使用;

<textarea> 即文本域
与文本框不同的是,文本域可以有多行,并且可以有滚动条;

<input type="button"> 即普通按钮
普通按钮不具备提交form的效果;

<input type="submit"> 即为提交按钮
用于提交form,把数据提交到服务端;

<input type="reset"> 重置按钮 可以把输入框的改动复原;

<input type="image" > 即使用图像作为按钮进行form的提交;

<button></button>即按钮标签
<input type="button">不同的是,<button>标签功能更为丰富
按钮标签里的内容可以是文字也可以是图像
如果button的type=“submit” ,那么它就具备提交form的功能;

进度条标签<progress>

发布了20 篇原创文章 · 获赞 25 · 访问量 927

猜你喜欢

转载自blog.csdn.net/weixin_43699840/article/details/104167159