HTML基础标签(二)
程序员文章站
2022-04-24 15:34:10
...
一、图片元素
<img>
src:指定要显示的图片的url
alt:当图片无法显示的时候用文字去解释它
width:宽度
height:高度
注意:如果只改变 width或者height中一个属性的化 那么另一个属性会跟着等比缩放
title:当鼠标指向时提示的文字
二、链接
<a>内容</a>
href:链接的url
traget:指定打开新网页的形式
_self:在原网页中跳转
_blank:在新网页中跳转
超链接的第二种用法
锚点
在网页的任意位置处做个记号,可有任意位置的a标签跳转到该记号上
使用方式:
第一步: 定义锚点 (做记号)
1.用a标签做记号
2.用其他的标签做记号
给其他的标签加上一个 id
第二步:链接到锚点
href属性 用#开头后面写记号的名字 例:#top
三、表格
1、表格的作用
按照一定的格式摆放数据
表格是由一些被称为单元格的矩形框组成,按照从左到右,从上到下的顺序。
2、表格的创建
创建一个表格
1、定义表格
2.创建行 tr
3.创建单元格 td
表格的属性
table
1.boder 边框
2.cellpadding 单元格的内边距(单元格边框与内容之间的距离)
3.cellspacing 单元格的外边距(单元格和单元格之间的距离)
4.width 宽度
5.height 高度
6.align 调整水平位置
7.bgcolor 背景颜色
tr
1.align 调整内容水平对齐方式
2.valign 调整内容垂直对齐方式
3.bgcolor 背景颜色
td
1.width 宽度
2.height 高度
3.align 水平对齐
4.valign 垂直对齐
5.colspan 横向合并单元格 后面写的数值包含自己 并且我们合并掉的单元格要删除
6.rowspan 纵向合并单元格 后面写的数值包含自己 并且我们合并掉的单元格要删除
<caption>日常九宫格</caption>
表格的标题 默认:表格上方居中位置
每个表格最多只能有一个标题(约定俗成)但是可以写多个标题
复杂表格的用法
行分组
html中允许将表格内容划分为三个部分
1.表头行部分
<thead></thead>
2.表主体部分
<tbody></tbody>
3.表尾行分组
<tfoot></tfoot>
注意:每个行分组中,都允许包含一对或者多对 tr标签
四、列表
1.作用
默认显示方式为 从上到下显示
2.列表的组成
列表类型 列表项
列表类型 ul(无序列表) ol(有序列表) dl(自定义列表)
3.列表的使用
1.无序列表
<ul>
<li></li>
</ul>
2.有序列表
<ol>
<li></li>
</ol>
3.自定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>
五、结构标签(语义化标签)
<header></header>
作用:定义文档的页眉
用于取代<div id=“header”>
<nav></nav>
用于表示页面中的导航部分
<section></section>
用于表示页面中的主体部分
<footer></footer>
用于表示页面中底部部分
<article></article>
独立于文档的其他部分内容
<aside></aside>
表现于网页中边栏信息
六、表单
1.表单的作用
用于显示、收集用户的信息,并且将信息传给服务器
2.表单的组成’
表单元素-负责将用户数据提交给服务器
表单控件-负责接收用户的数据(与用户进行数据交互)
3. 表单元素-负责将用户数据提交给服务器
1.用法 <form></form>
表单属性
action
定义表单被提交的时候的动作,主要就是服务器上处理数据应用程序的URL找谁处理
method
get
向服务器端提交数据时使用
特点:显示提交 用户数据可以显示在地址栏
提交数据长度有限制-2kB 每个浏览器时不一样
谷歌 8kB ie 2kb
post
隐式提交 所有提交数据的时候都是看不见的 相对于说安全性较高
没有数据大小限制的
表单数据进行编码的方式
默认: application/x-www-form-urlencoded
mulipart/form-data 上传文件时使用的
text/plain 早期的一个编码方式 非常少见了
表单的控件
type:
创建各种类型的输入字段,如文本框(text) 密码框(password)
单选按钮(radio) 多选按钮(checkbox) 提交按钮(submit) 重置按钮(reset)。。。
value:
值 要提交给服务器的
name:
控件的名称 服务端使用的 没有名字的话是无法提交的
disabled="disabled
禁用控件
上一篇: 01 HTML快速入门3
下一篇: HTML快速入门_01
推荐阅读
-
html基础用法(上)
-
获取iframe的标签属性_html/css_WEB-ITnose
-
div中有一个marquee标签,marquee中有滚动显示的文字,如何让文字在div中垂直居中从右向左滚动显示?_html/css_WEB-ITnose
-
算法与数据结构系列 ( 二 ) - 实现前的基础准备
-
ASP.NET MVC基础学习(二)
-
一个标签使用多个样式符合标准么?_html/css_WEB-ITnose
-
thinkphp基础入门(二)
-
HTML页面原生VIDEO标签隐藏下载按钮功能
-
如何让整个div实现超链接(得用标签)_html/css_WEB-ITnose
-
PHP获取HTML标签解决方法