html基础运用：符号运用，创建表单，滚动字幕......

已于 2022-02-18 16:18:35 修改
阅读量342 收藏
点赞数
文章标签： html 前端
于 2022-02-18 16:10:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m5426/article/details/123004944
版权

目录

一、html的标签

1.1 实体符号

1.2 列表符号

1.3 滚动字幕

1.4 修饰文本

1.5 网页的背景

二、表单

2.1简介

2.2 form标签

2.3 input标签

一、html的标签

1.1 实体符号

  • 空格：  表示一个半角空格（一个汉字是2个字节，1个字节相当于1个半角空格 ）
  • 乘号：&times
  • 除法：divide
  • 人民币符号：&yen

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    我&nbsp&nbsp&nbsp&nbsp爱&nbsp&nbsp&nbsp&nbsp学&nbsp&nbsp&nbsp&nbsp习
    <br>
    2&times3=6
    <br>
    6&divide3=2
    <br>
    &yen
    <br>
    $
</body>
</html>

展示如下

1.2 列表符号

  • 有序列表【列表符号是数字】
  • 无序列表【列表符号是点】

无序列表

  • 用ul来引导，其中的每个列表元素都是一个li

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>

    <h1>你的兴趣爱好</h1>
    
    <ul>
        <li>篮球</li>
        <li>足球</li>
        <li>乒乓球</li>
        <li>排球</li>
        <li>棒球</li>
    </ul>

</body>
</html>

展示如下

有序列表

  • 用ol来引导，其中的每个列表元素都是一个li

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <h1>你的兴趣爱好</h1>
    <ol>
        <li>篮球</li>
        <li>足球</li>
        <li>乒乓球</li>
        <li>排球</li>
        <li>棒球</li>
    </ol>
</body>

展示如下

1.3 滚动字幕

  • 标签：marquee

  • 属性：

    • direction= 设置滚动方向，up down left right

    • width= 滚动的宽度

    • loop= 指定循环几次

1.4 修饰文本

  • 字体标记：font标签

    • size：设置文本的大小，取值范围：1-7，1最小，7最大

    • color：颜色

    • face：字体样式，微软雅黑、黑体、宋体

  • 字体加粗：b

  • 字体倾斜：i

  • 下环线：u

  • 删除线：s

  • 上标：sup

1.5 网页的背景

  • 背景色属性：bgcolor

  • 背景图片：background

二、表单

2.1简介

  •  用处是用于接受用户的输入
  • 并且将用户输入的内容传递到后端的服务器

       标签就是：input

2.2 form标签

属性：

  • name：指定表单的名字
  • method：指定用什么方法向后端传递数据【get|post】

        get：不安全，在表单中输入的内容会显示在浏览器中 post：浏览器不会显示表单中的内容

  • action：将用户输入的数据传递给后端的哪个文件

2.3 input标签

属性 type：指定的用户输入内容类型

  • text 文本类型
  • password 密码类型 
  • submit：提交按钮
  • radio：单选框
  • checkbox：复选框
  • file：上传文件

 name：指定一个名字

补充：

  • 下拉菜单：用select标签
  • 大段文本：用textarea标签

按钮：

  • 提交按钮：submit
  • 重置按钮：reset
  • 默认没有实际功能的按钮：button

 展示如下

<html>
    <head>
        
    </head>
    <body>
        <form name="111" method="post" action="a.php">
            姓名:<input type="text" name="ma"><br>
            密码:<input type="text" name="ma"><br>
            性别:  男<input type="radio" name="ma">
                 女<input type="radio" name="ma"><br>
            爱好: 篮球<input type="checkbox" name="ma">
                足球<input type="checkbox" name="ma">
                乒乓球<input type="checkbox" name="ma"><br>
            地址: <select>
                          <option>河北</option>
                        <option>陕西</option>
                        <option>河南</option>
                        <option>安徽</option><br>
                </select><br>

            上传头像:<input type="file" name="ma"><br>
                

            描述信息<br><textarea cols="100" rows="10">
                    请输入描述信息
            </textarea><br>
        
            <input type="submit" name="ma">
            <input type="reset" name="ma">

        </form>
    </body>
</html>

m5426
关注
HTML 学习总结2 框架 表单
wayne_lee_lwc的博客
03-16 628
这是HTML学习总结系列的第二篇，第一篇在这里： HTML 学习总结1入门 基本概念、格式 文字标签 图片标签 链接标签 表格标签 注释 这次的学习内容相较第一次分类少，但是比较杂。 框架集标签 框架标签是将网页设置成网页框架的一种双标签，被设计成框架的网页被切分成若干区域，没有实际的内容，只当做框架用于镶嵌其它的网页。 那么，这个标签是： <frameset></framese...
HTML表单滚动文本框,table表格，form表单，select下拉列表，textarea文本域
weixin_34125314的博客
06-03 1456
表格标签table：1. 表格的作用：按照一定的格式摆放数据。2.表格的组成：表格是由一系列的单元格(矩形框)组成。按照从左到右，从上到下的顺序排列到一起组成的。3.用于创建表格的标记：用于标记一个表格的开始,用于标记一个表格的结束。一个表格中，只允许出现一对table标签。表格的标题，可以省略，表格标题必须跟在 table后面 ，tr标签前面，而且最多只能有一个。用于标记表格一行的开始，标记一...
html语言标记滚动字幕,网页滚动文字的制作HTML代码
weixin_36463292的博客
05-30 1739
网页滚动文字的制作HTML代码HTML代码中比较特殊的标签，它能使网页中的文字滚动，并且可以控制其滚动的属性。这就是滚动文字代码？下面yjbys小编为大家分享网页滚动文字的HTML源代码制作方法，希望对大家学习网页代码有帮助！设置文字滚动HTML技术中使文字滚动的方法是使用双标签。在HTML代码中可使其作用区文字滚动，默认为从右到左，循环滚动。在D:web目录下创建网页文件，命名为mar.htm，...
html表单标记简单使用,html表单标记简单使用
weixin_34666478的博客
06-07 443
1、... 表单标记基本语法格式：属性说明：action属性：改属性用来指定处理表单数据程序的URL地址。method属性：改属性用来指定数据传送到服务器的方式。有两种属性值，get和postname属性：指定表单的名称，可自定义onSubmit属性：指定当用户单击提交按钮时触发的事件。target属性：指定输入数据结果显示在哪个窗口中，_blank标示在新窗口中打开目标文件；_self表示在同一...
html utf-8 编码空格宽度 非两个空格=一个汉字
weixin_33811539的博客
05-13 547
今天做个页面，有个问题，就是空格和汉字的宽度问题，网上收集资料，如下： 解决一：多打几个半角的空格，和汉字对应，资料如下 一直以为是utf-8是宽字节的表示法，一般一个汉字是3个字节表示，所以utf-8的网页的空格是三个空格的宽度等于一个汉字的宽度。现在才知道不是，是字体所造成的，utf-8默认的是英文字体，对汉字的处理不是很友好，把默认字体设置为宋体就可以结局这个问题了，就像gb231...
HTML语言与网页设计期末考试题.docx
12-22
10. 滚动字幕可以嵌入图像：通过CSS和JavaScript，可以在滚动字幕中嵌入图像。 此外，HTML中还有其他重要的概念和技术： - `FONT`标记符用于设置字体大小和颜色，但现代网页设计推荐使用CSS替代。 - 列表（`<ul>`...
计算机一级资料.pdf
10-12
11. 滚动字幕：通过“插入”菜单的“组件”选择字幕，设置参数。 12. 表单域设置：插入文本框，通过文本框属性窗口设置名称、初始值和TAB值。 13. 下拉菜单：插入下拉菜单，添加选项并设置属性。 14. 表单属性：...
网页设计操作题(1).doc
最新发布
12-23
2. 更改滚动字幕的文字、方向、背景色、字体、大小和颜色，这涉及JavaScript或CSS的动画效果。 3. 在表格中添加文本，设置大小和对齐方式，文字可能需要从外部文本文件中获取。 这些操作涉及到网页设计的基础元素，...
HTML部分标签属性
05-24
7. 网页滚动字幕`<marquee>`标签： - `direction`：设置滚动方向。 - `behavior`：控制滚动方式。 - `loop`：设置滚动循环次数。 - `scrollamount`：设置滚动速度。 - `scrolldelay`：设置两次滚动之间的间隔...
html5+css3(四)字符实体 列表
顾小笙的博客
03-25 394
HTML字符实体 空格：代表一个半角空格。一个汉字是2个字节。1个字节相当于1个半角空格。 <：< >：> &：& ￥：¥ ×：× ÷：÷ HTML项目符号(无序列表) <ul> <li>内容1</li> <li>内容2</li> <li>内容3</li> </ul> <ul>或<li>的常用属性 type：项目符号的类.
表单标签：属性文本框和密码框、单选按钮和复选框
New_Prorammer的博客
03-01 2765
表单标签：属性文本框和密码框、单选按钮和复选框
轻松玩转花样表单
EclipseLab
07-16 1884
轻松玩转花样表单 日期：星期六 2004 04 10 作者： 人气： 250 查看:[大字体 中字体 小字体] 第 1 页 表单概述 本专题从最基础的表单知识，到表单的高级应用，让你有一个比较全面地认识，相信你在读完本专题以后，一定会对表单非常熟悉。一、表单概述　　表单，在网页中的作用不可小视，主要负责数据采集的功能，比如你可以采集访问者的名字和e－mai
在html中一个汉字需要多少个nbsp来填充？
热门推荐
u010523770的专栏
06-22 2万+
我的两个Web Application中一个是四个" "等于一个汉字的长度,一个是两个, 找到原因了 当web.config中               requestEncoding="gb2312"              responseEncoding="gb2312"     /> 时两个等于一个汉字             requestEncodi
HTML保姆级教程（一）标题，段落，滚动，列表标签
OakHachi'Blog
02-22 1274
图集HTML，快速入门实战
HTML HTML基础 各种标签及表单的使用方法
Gzzsk1的博客
10-10 695
保存内容的快捷方式 crtl+s 2.2.标题标签 由大到小 2.3.文本属性 2.4.form表单 指令 用处 属性 method 提交 方法有 get、post enctype 发送表单数据之前如何对其进行编码 编码有 form 表单 规定当提交表单时向何处发送表单数据 2.4.1.input标签 指令 用处 name 表示的该文本输入框名称 size 输入框的长度大小 maxlength 输入框中的默认值 value 输入框中的默认值 r
HTML常用标记（超详解）
m0_52896041的博客
11-26 1万+
HTML常用标记（超详解）
html表单实验总结,html表单知识的相关总结
weixin_34307029的博客
06-09 2895
表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。1. ht...
html一个汉字空格占位,HTML中汉字空格占位符
weixin_33510225的博客
05-31 2948
== 普通的英文半角空格== == == no-break space (普通的英文半角空格但不换行)== 中文全角空格 (一个中文宽度)==   == en空格 (半个中文宽度)==   == em空格 (一个中文宽度)== 四分之一em空格 (四分之一中文宽度)相比平时的空格( )，nbsp拥有不间断(non-breaking)特性。即连续的nbsp会在同一行内显示。即使有100个连续...
关于html utf-8编码的问题：两个空格≠一个汉字
大老虎Picky的博客
05-16 2057
使用utf-8编码的Html网页，我在学习模拟登陆页面时发现：编码时使用了两个空格转义字符&amp;nbsp;&amp;nbsp; 在预览时却不等于一个字符的宽度（用户名和密码框未对齐）本以为是utf-8宽字节所造成的问题，一般三个字节=一个汉字。但是才知道并不是这个问题，而是由于字体所造成的。utf-8默认的是英文字体，对汉字的处理不是很友好，所以解决方法是，编码时加入font-family来设...
Vue.js基础教程：数据绑定与表单渲染实例解析
Vue.js的基础指令是其核心特性之一，用于在DOM元素与Vue实例的数据之间建立绑定。本文将深入探讨Vue.js中的数据绑定、表单渲染，并通过实例进行详细讲解。 1. Vue.js如何绑定到页面中，使用它的功能 Vue.js的实例...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值