html一些些基础

1. 结构:html 表现:css 行为:js


2. 标题:h1-6 (ps:标题一般只有一个h1,一般作为网页logo)


3. p标签有个空格合并现象,空格多就只显示一个,如果需要打空格可以(pre)或者(& nbsp;)


4. 水平线用 hr 可以设置宽度


5. 布局标签: div是一个块级元素 span是一个行内元素


6. 格式化标签:  (b---strong 加粗) (u---ins 下划线) (i---em 斜体) (s---del 删除线)


7. 图片: <img src="地址" alt="无图片显示" title="鼠标放图片中显示的文本" width或者height="..px">
    (ps: width和height只写一个那么另一边等比例缩放.)


8. 链接: <a href="url" target="怎么显示">链接文本或者图片<a>
    (ps: target:_self:自己界面,_blank:新界面 , base在head中设置:<base href="基础地址" target="_xxx"> )


9. 链接外网地址请保证 域名 完整,href="#"是空链接,但是如果 a 中有 ID 值 ,#id跳转到相关的url


10. 相对路径: ① 当前文档下: src="xxx.jpg"
    ② 上一个文件夹: src="../xxx.jpg"
    ③ 下一个文件夹: src="img/xxx.jpg"
    绝对路径: src="xx盘下的一大串文件名下.jpg"


11. a[]her="#"{这是一个寂寞的天}*1000 (ps:复制1000次)

13. 结构:html 表现:css 行为:js


14. 标题:h1-6 (ps:标题一般只有一个h1,一般作为网页logo)


15. p标签有个空格合并现象,空格多就只显示一个,如果需要打空格可以(pre)或者(& nbsp;)


16. 水平线用 hr 可以设置宽度, 重点!!:这是一个寂寞的天,下着有些伤心的雨


17. 布局标签: div是一个块级元素 span是一个行内元素


18. 格式化标签: 重点背下来 (b---strong 加粗) (u---ins 下划线) (i---em 斜体) (s---del 删除线)


19. 图片: <img src="地址" alt="无图片显示" title="鼠标放图片中显示的文本" width或者height="..px">
    (ps: width和height只写一个那么另一边等比例缩放.)


20. 链接: <a href="url" target="怎么显示">链接文本或者图片<a>
    (ps: target:_self:自己界面,_blank:新界面 , base在head中设置:<base href="基础地址" target="_xxx"> )


21. 链接外网地址请保证 域名 完整,href="#"是空链接,但是如果 a 中有 ID 值 ,#id跳转到相关的url


22. 相对路径: ① 当前文档下: src="xxx.jpg"
    ② 上一个文件夹: src="../xxx.jpg"
    ③ 下一个文件夹: src="img/xxx.jpg"
    绝对路径: src="xx盘下的一大串文件名下.jpg"


23. a[]her="#"{这是一个寂寞的天}*1000 (ps:复制1000次)
24. 锚点定位:<p id="id"> <a href="#id" >
跨页面定位:< a href="html地址#id" >


25. 转义符:<:& lt;     >:& gt;


26. 无序列表:<ul>
           <li> xxx </li>
           </ul>
有序列表:<ol>
         <li> xxx </li>
         </ol>  (ps:li中可放入其他标签)
自定义列表:dl dt dd    

手机品牌
诺基亚
小米
电脑品牌
苹果
小米

27. 表格: table , th:表头 放在tr里面 , tr:表格的行 , td:行内的单元格
    结构: table , caption: 表格的标题 里面可以放h1 ,thead:th表头放里面 ,tbody: td放里面
    属性: width,height: 宽高.    border: 表格的边框.   cellspacing: 边框之间的空隙,  
cellpadding: 内容与边框距离,一般不用.   align:控制元素的水平对齐方式(left,right,center)
rowspan: 跨行合并,在td中,后面不需要数据就删除,不然后面数据会被挤出去
colspan: 跨列合并,在td中,后面不需要数据就删除,不然后面数据会被挤出去


28. 表单: < from > </from >
文本: <input type="text" value="默认值(记住账号密码)实体字" placeholder="占位符,输入字就不见,虚体字">
密码: <input type="password" maxlength="6" >(ps:最大maxlength最大字符数)
单选: <input type="radio" name="xxx" ><input type="radio" name="xxx" ><input type="radio" name="xxx" checked>保密
(ps:由于单选互斥,所以需要一个以相同name分为一组,checked 是默认选中的)
多选: <input type="checkbox" name="xxx" >扫雷 <input type="checkbox" name="xxx" >坦克大战 <input type="checkbox" name="xxx" checked >蜘蛛纸牌
(ps:checked 是默认选中的)
普通按钮: <input type="button" value="按钮名字" >
提交按钮: <input type="submit" (默认名字是"提交") >
重置按钮: <input type="reset" value="按钮名字" >(ps:必须和from表单使用)
图片按钮: <input type="image" src="图片地址" >
新版本按钮: <button > 按钮名字 </button >
文件域: <input type="file" >(ps:用于提交文件)
下拉列表: <select> <option selected> xxx </option> </select> (ps:selected是默认)
文本域: <textarea cols="100" rows="100"> </textarea >


29.<lable>
  <input type="radio"> xxxx
  </lable>(ps:这个是嵌套关系)
  lable: 绑定关系,后面文字和选择一样都可以点击
  <lable for="id">xxxx</lable>
  <input type="radio" id="id">(ps:并列关系)         
    
30. color:blue / color:#fffffff / color:rgb(255,255,255)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值