网页样式设置字体样式,、英或者数字等注释

设置字体样式,如粗体、斜体。

使用说明:

粗体:强

斜体:em

  格式:  内容 
          内容 

6、注释和特殊符号:

网页中实际呈现的中文、英文或数字等注释和符号。

  格式: 空格:内容1   内容2  大于号:内容1 > 内容2 
        小于号:内容1 < 内容2   版权符号:© 内容

二、网页插入:1、图片:

将图片插入网页。

   格式  text
         其中 src: 图像地址 alt: 图像的替代文字(当图片不存在或者找不到时,就会用alt中内容来表示这个图片)
         title: 悬停在图片上的文字 width和height:设置图片大小

2、超链接

给网页添加超链接可以实现跳转功能。

锚链接:

1、需要一个锚标签

可以在此页面上标记锚标签,并跳转到其他页面;也可以在其他页面上标记,并跳转到本页标记的页面。

2、知道要跳转到的页面的网页链接

  格式: 锚标记: 	 有的版本用的是这个:  
        锚链接: 回到锚标记对应的内容中

功能链接:

如邮件链接:mailto

  格式: 邮件链接:  点击跳转 	

3、列表:

用于列出各种可能的事件或类型等

有序列表:ol 无序列表:ul 自定义列表:dl

    ` 
  1. 内容

图片[2]-网页样式设置字体样式,、英或者数字等注释-唐朝资源网

  • 内容
内容
`

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属性之后。例如隐藏文本框:

  格式:  (表示该文本框已经隐藏)

鼠标定位:点击文字,将鼠标定位在对应的框内。

   格式:  
           

表单相关代码:

`

表格`

© 版权声明
THE END
喜欢就支持一下吧
点赞182赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容