设置字体样式,如粗体、斜体。
使用说明:
粗体:强
斜体:em
格式: 内容
内容
6、注释和特殊符号:
网页中实际呈现的中文、英文或数字等注释和符号。
格式: 空格:内容1 内容2 大于号:内容1 > 内容2
小于号:内容1 < 内容2 版权符号:© 内容
二、网页插入:1、图片:
将图片插入网页。
格式
其中 src: 图像地址 alt: 图像的替代文字(当图片不存在或者找不到时,就会用alt中内容来表示这个图片)
title: 悬停在图片上的文字 width和height:设置图片大小
2、超链接
给网页添加超链接可以实现跳转功能。
锚链接:
1、需要一个锚标签
可以在此页面上标记锚标签,并跳转到其他页面;也可以在其他页面上标记,并跳转到本页标记的页面。
2、知道要跳转到的页面的网页链接
格式: 锚标记: 有的版本用的是这个:
锚链接: 回到锚标记对应的内容中
功能链接:
如邮件链接:mailto
格式: 邮件链接: 点击跳转
3、列表:
用于列出各种可能的事件或类型等
有序列表:ol 无序列表:ul 自定义列表:dl
`
- 内容
- 内容
-
- 内容
`
4、表格:
用表格来展示每个事物的各种属性,简单明了。
用途:
表格:表格
行:tr
列:td
跨行:行跨度
跨列:colspan
`
内容
内容
`
对于多行多列,表中多写tr和td。具体示例如下代码:
点击查看代码
表格学习
1-1
2-1
2-2
2-3
3-1
3-2
3-3
3-4
学生成绩
哈哈
语文
100
数学
100
嘻嘻
语文
100
数学
100
三、表单:1、提交表单的形式:常用get/post(get提交,可以在url中看到用户提交的信息,不安全,但是这种方法效率高;post比较安全,但是如果信息不泄露,后面还是需要加密)
格式: 表单内容
2、输入框:
输入框:输入
例如输入框、密码框等都使用输入标签。标签中“type”的值决定了它是输入框还是其他标签元素等等。并尝试用“name”命名元素
类型:
text(文本框)、password(密码框)、checkbox(多选框)、radio(单选框)、submit(提交)、reset(重置)、file(上传文件)、hidden(隐藏区域) )、image(图片,点击图片提交表单)、button(按钮)等
值:
表单组件的初始值。当 type 为 radio 或 checkbox 时,必须指定一个值。
尺寸:
指定表单组件的初始宽度。当 type 为 text 或 password 时,表单元素的大小以字符为单位。对于其他组件类型,宽度以像素为单位。
最大长度:
类型为文本或密码时,输入的最大字符数
检查:
当类型为单选或复选框时,表示指定按钮已被选中,无法更改。
注意:同类型的单选框,名称必须相同,否则不是单选框。
格式: 文本框: 密码框:input type="password" name="名字" >
多选框: 单选框:
提交: 重置
上传文件: 隐藏区域:
图片: 按钮:
3、下拉菜单:
下拉框:选择
格式
(可在option标签中加入selected表示已被选择的选项)
4、搜索框:
向网页添加搜索以快速找到网页上的内容。
格式:
5、滑块:
类似于音量调节滑块,可以用来调节大小。
格式: (滑块对应的值要在表单提交后的网页的网址上看到)
6、文件域:
上传文件:文件
格式:
7、文本字段:
多行文本:textarea
格式:
表单提交和重置:
提交:提交
重置:重置
格式 提交:
或者以图片形式提交:
重置:
四、表单初级验证:
判断用户输入是否合理或满足条件,验证失败时给出提示信息。
1、邮箱验证:
格式:
2、网址验证:
格式:
3、数字验证:
格式: (可在此标签中加入max,min,step来设置数字范围以及步长大小)
4、表单验证提示:
默认提示信息:占位符(即文本框中默认显示的信息)可以在所有输入框中使用,在单选、多选、下拉框中无意义。
必选选项:必填(设置此项时需要)
正则表达式:pattern(需要的可以网上搜索)
五、表单的其他功能:
隐藏一个区域:隐藏
设置只读模式:只读
禁用模式:禁用
注意:这些函数可以加在tag属性之后。例如隐藏文本框:
格式: (表示该文本框已经隐藏)
鼠标定位:点击文字,将鼠标定位在对应的框内。
格式:
表单相关代码:
`
表格`
暂无评论内容