前端笔记2

本文详细介绍了HTML中的基本元素如文本居中、图片间距、超链接、锚点、多媒体(视频和音频)、表单结构(包括文本输入、复选框、单选按钮等)及其属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1. align="middle"  文字在图片旁居中
2. hspace="200px"  图片与文字水平距离
3. vspace="200px"  图片与文字垂直距离
4. 超链接:<a href="网址"target="_blank">去百度</a> 
                 <a href="./图片地址.html">点击进入第一个页面</a>
5. 锚链接:<a href="#  ">改革开放时期</a>  
                  id="  "
6. <div></div>  无任何具体含义,用来划分页面的区域
7. <span></span>  小盒子
8. 视频:<video src="  " controls控制键 autoplay自动 muted静音 loop循环 width="400px"></video>                                       
         <video>
                 <source src="  ">
         </video>
9. 音频:<audio src="  "controls></audio>
10. <form action="#">
   (方框)用户名:<input type="text" name="username"框中字 placeholder="请输入您的用户名:" disabled>
   (方框)密码: <input type="password" name="pwd">
   (圆圈)性别:男<input type="radio" name="sex" value="男"> 
                          女<input type="radio" name="sex" value="女" checked>
                          name表示为一组
                          value表示点击男把value的值提交
   (多选勾)你在干嘛? 吃饭<input type="checkbox" name="hobby" id="">
                                        睡觉<input type="checkbox" name="hobby">
    <input type="submit" name="" id="" disabled>
    <button>点击提交</button>
    所有表单都要带上name,提交才有用
    <input type="button" name="" id="" value="提交"> 普通按键,无功能
   (文本域)<textarea name="" id="" cols(长)="30" rows(宽)="10"></textarea>
    <select name="city" id="">
      <option value="西安">西安</option>
      <option value="南京" selected>南京</option>
      <option value="上海">上海</option>
    </select>
   (特定输入网址)<input type="url">
   (特定输入时间)<input type="time" name="" id="">
                 <button>提交</button>
    </form>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值