zl程序教程

您现在的位置是:首页 >  前端

当前栏目

【HTML、JAVASCRIPT、CSS】2、HTML语言入门2

2023-09-27 14:29:20 时间

执行后发现网页中出现了“打开百度”的链接并链接到 a 标签中的网址。另外,还可以在链接中实现邮件链接等其他协议。


第二种用法,使用超链接实现页面定位功能。

首先使用 a 标签定义目标位置:

 a name="target" 目标 /a 

 a href="#target" 返回目标 /a 
此时,单击“返回目标”链接,页面会自动跳转回“目标”标签所在位置。


2、表单标签 form :用于页面与服务器的交互。

input 标签,实现在页面上显示一个输入框,通过设置不同的type,实现不同的功能:

 html 

 head 

 title 无标题文档 /title 

 /head 

 body 

 form 

 User Name: input type="text" name = "user"/ br / 

 Password: input type="password" name = "psw"/ br / 

 Gender: input type="radio" name = "Gender" value="M"/ Male input type="radio" name = "Gender" value="F"/ Female br / 

 Skill:

 input type="checkbox" name="skill" value="C" C/C++

 input type="checkbox" name="skill" value="OC" Objective-C

 input type="checkbox" name="skill" value="M" Matlab

 input type="checkbox" name="skill" value="H" HTML br / 

 File: input type="file" br / 

 Enter: input type="button" value="YES" br / 

 input type="submit" br / 

 input type="reset" 

 /form 

 /body 

 /html 

此外,还可以设置hidden和img类型的input标签,分别用于设置要上传的隐藏信息,以及设置图片类型的上传按钮。

3、 select 标签,实现下拉菜单选择框:

 html 

 head 

 title 无标题文档 /title 

 /head 

 body 

 form 

 select name="country" 

 option value="none" --选择国家-- /option 

 option value="CH" China /option 

 option value="US" United States /option 

 option value="UK" Briton /option 

 /select 

 br / 

 textarea cols="30" rows="10" 

 /textarea 

 /form 

 /body 

 /html 

4、 Label 标签,用于实现输入框的快捷键

关键在于两个属性:for属性——指定快捷键的表单元素,必须与表单元素的id相同;accessKey属性——指定快捷键,需要与alt键组合使用。


5、 pre 标签,用于使html脚本中输入的文字信息在显示的时候保持输入样式(比如可以通过这种方式在页面上显示某种程序代码)。


6、文本编辑标签: p 标签,用于标识段落之间的空行; b 标签,用于标记文本内容为加粗; i 标签,用于标记文本内容为倾斜; u 标签,在标记文字上加下划线; strong 标签,意义同 b 标签; sub 、 sup 标签:分别表示某文本为上下标;


7、 marquee 标签,标记文本飞入效果。


8、头标签 head

头标签中包含了多种文档的属性信息。除了 title 标签外,还有 base 标签,用href属性表示超链接的目录。

meta 标签:属性keyword可以设置页面的关键字;属性http-equiv属性,模拟http协议的响应消息头。

link 标签:给页面关联指定文件。rel属性用于标记文件类型,href用于指定文件路径,media属性用于指定作用媒体类型(如打印机显示器等)。


云his系统源码 前端由Angular语言、JavaScript+后端Java语言开发 基层卫生健康云HIS系统采用云端SaaS服务的方式提供,使用用户通过浏览器即能访问,无需关注系统的部署、维护、升级等问题,系统充分考虑了模板化、配置化、智能化、扩展化等设计方法,覆盖了基层医疗机构的主要工作流程,能够与监管系统有序对接,并能满足未来系统扩展的需要。 适用于二级医院、基层医疗机构,可作为区域HIS使用,经扩展后能够应用于医联体/医共体。融合B/S版电子病历系统,支持电子病历四级,HIS与电子病历系统均拥有自主知识产权。
jerry.yin 毕业于上海大学通信与信息工程学院,从事流媒体和视频编解码的研究与开发工作; 研究领域包括视频编解码标准、视频处理和流媒体技术、移动互联网技术等。