HTML复习

本文介绍了HTML中div和span的作用,强调它们作为容器的结构化和操作绑定功能。同时,讲解了HTML特殊字符、ul-li列表、img标签的属性以及a标签的多种用途。还涉及form表单的method和action属性,以及select下拉列表的value与name的关系。最后,提到了浏览器内核和前端开发的三大要素:HTML、CSS和JavaScript的分离原则。

1. div和span没有什么功能,所以可以用作容器

2. 容器的作用:

        ①结构化(能更加清晰的分块)

        ②绑定化操作

3. 一些符号:        ”>“:>(great than)

                          ”<“:&lt;(less than)

                          ” “:&nbsp;(空格)

                          ”换行符“:<br>;

4. ul-li:可以用来做功能样式类似,内容跟稍有不同的盒子

5. img:

src(source)资源路径

alt:替代文本(假如图片显示不出来,就会显示该文本) 

title:标记文本(当鼠标放在图片上会有一些提示信息)

6. a标签作用:(anchor:锚)

①超链接功能

②锚点,作为书签

③可以打电话、发邮件(href="tel:xxxxx")

④协议限定符:会运行JavaScript后面的代码(href="JavaScript:alert('Hello World')")

7.form表单:

method:发送的方式 post/get

action:接受方

submit:需要发送数据必须要具有数据名和数据值

8.select下拉列表 value的值优先name值

扩展知识:浏览器是由shell(外壳)和内核构成。

内核:一和浏览器运转快与不快,识别代码的路径问题,包括很多优化问题。所以内核是用来操作代码识别和运行的。

浏览器内核
IE        trident
FirefoxGeoke
Google Webkit/blink
SafariWebkit
OperaPresto

注意:html(结构)+css(样式)+JavaScript(行为)需要相分离

下载前可以先看下教程 https://pan.quark.cn/s/a4b39357ea24 在网页构建过程中,表单(Form)扮演着用户与网站之间沟通的关键角色,其主要功能在于汇集用户的各类输入信息。 JavaScript作为网页开发的核心技术,提供了多样化的API和函数来操作表单组件,诸如input和select等元素。 本专题将详细研究如何借助原生JavaScript对form表单进行视觉优化,并对input输入框与select下拉框进行功能增强。 一、表单基础1. 表单组件:在HTML语言中,<form>标签用于构建一个表单,该标签内部可以容纳多种表单组件,包括<input>(输入框)、<select>(下拉框)、<textarea>(多行文本输入区域)等。 2. 表单参数:诸如action(表单提交的地址)、method(表单提交的协议,为GET或POST)等属性,它们决定了表单的行为特性。 3. 表单行为:诸如onsubmit(表单提交时触发的动作)、onchange(表单元素值变更时触发的动作)等事件,能够通过JavaScript进行响应式处理。 二、input元素视觉优化1. CSS定制:通过设定input元素的CSS属性,例如border(边框)、background-color(背景色)、padding(内边距)、font-size(字体大小)等,能够调整其视觉表现。 2. placeholder特性:提供预填的提示文字,以帮助用户明确输入框的预期用途。 3. 图标集成:借助:before和:after伪元素或者额外的HTML组件结合CSS定位技术,可以在输入框中嵌入图标,从而增强视觉吸引力。 三、select下拉框视觉优化1. 复选功能:通过设置multiple属性...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值