0
点赞
收藏
分享

微信扫一扫

html5前端学习2

mm_tang 2023-06-28 阅读 68
算法

一篇思维题题解:

第五周任务 [Cloned] - Virtual Judge (vjudge.net)

http://t.csdn.cn/SIHdM

超链接标签

链接分类

外部链接:例如 <a href="http://www.baidu.com">百度</a>

内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如< a href="index.html"> 首页</a>

空链接:如果当时没有确定链接目标时,<a href="#"> 首页</a>

下载链接:如果href里面的地址是一个文件或者压缩包,会下载这个文件

网页元素链接:在当前文件中的各种网页元素,如文本,图表,表格,音频,视频等都可以添加超链接。

锚点链接:点击链接,可以快速定位到页面中的摸个位置。

  • 在链接文本的属性中,设置属性值为 #名字 的形式,如<a href="#two">第二集</a>
  • 找到目标位置的标签,在里面添加一个id属性=名字,如<h3 id="two">第二集介绍</h3>

注释标签和特殊字符

注释

如果需要在HTML文档中添加一些便于阅读和理解的注释文字,需要用到注释标签:

<!--
     注释内容
-->

特殊字符 

在HTML中,通常多个空格通常会被合并成一个空格,还有其他特殊字符,特殊字符的使用会使得前端代码更加灵活、简洁,提高了开发效率。

caf526af390c4c6cbd31a84e881b676f.png

表单

<input>表单元素

<form>
        <!-- text 文本框 用户可以在里面输入任何文字 -->
        用户名:
        <input type="text" maxlength="6" value="用户名" name="name">
        <br>

        <!-- password 密码框 用户看不见输入的密码 -->
        密码:
        <input type="password" name="pwd">
        <br>

        <!-- radio 单选按钮 可以实现多选 -->
        <!-- name是表单的名字,这里性别多选按钮必须有相同的名字name,才可以实现多选一 -->
        <!-- 单选按钮和复选框可以设置checked属性,当页面打开的时候可以默认选中这个按钮 -->
        性别:
        女<input type="radio" name="name" value="女" checked="checked">
        男<input type ="radio" name="name" value="男">
        <br>

        <!-- checkbox 单选按钮 可以实现多选 -->
        爱好:
        吃饭<input type ="checkbox" name="hobby">
        睡觉 <input type ="checkbox" name=""hobby>
        打豆豆<input type ="checkbox" name="hobby">
        <br>

        <!-- 点击提交按钮,可以把表单域form里面的元素 里面的值 提交给后台 -->
        <input type="submit" value="免费注册">

        <!-- 重置按钮可以还原表单元素的初识默认状态 -->
        <input type="reset" value="重新填写">

        <!-- 普通按钮 button 后期结合js 搭配使用 不会提交信息-->
        <input type="button" value="获取短信验证码">

        <!-- 文件域 上传文件时使用 -->
        上传头像:<input type="file">

        
    </form>

label标签

为input元素定义标签。

<label>标签用于绑定一个表单元素,当点击<label>标签内的文本是,浏览器就会自动将光标转到对应的表单元素上,用来增加用户体验。

select下拉表单

在页面中,如果用多个选项让用户选择,并且想节约页面空间时,可以使用<select>标签控制

    <select>
        <option>山东</option>
        <option>北京</option>
        <option selected="selected">天津</option>
    </select>

<select>中至少要包含一对<option>

在<option>中定义selected="selected"使,当前项即为默认选中项。

textarea表单元素

当用户输入内容较多的情况下,不能使用文本框表单了,此时可以使用<textaera>标签。

常用于多行文本输入控件,可以输入更多的文字,该控件常用于留言板,评论。

    <from>
        今日反馈:
        <textarea>hello,world!</textarea>
    </from>

属性:clos=“每行中的字符数”,rows=“显示的行数”。(在实际开发中不会使用,是通过CSS来改变大小)

 

 

 

举报

相关推荐

前端Html5(20)

前端基础:HTML5

前端之html5

前端Html5 (25)

前端Html5(18)

HTML5学习

0 条评论