HTML基本标签笔记(超级简化版)

5 篇文章 0 订阅
1 篇文章 0 订阅

HTML基础标签

1.WEB 标准的构成:(三者相分离)
结构(HTML)
表现(CSS)
行为(JS)
2.标签关系:
双标签:包含关系/并列关系
单标签:<br />
3.div 和span标签:(没有语义)
div独占一行(大盒子)
span一行可以放多个(小盒子)
4.图像标签部分属性:
alt:图片无法显示时,替换文本
title:鼠标放到图片上,提示文本
路径:上一级:…/ 下一级:/
5.超链接标签的部分属性:
target:目标窗口的弹出方式
当前窗口:target="_self"(默认)
新窗口:target="_blank"
href:当地址是压缩包或文件时,自动下载
锚点链接:同一页面之间的跳转

<a href="#two"></a>
	<h3 id="two"></h3>
空链接:<a href="#"></a>

6.特殊字符:
空格:&nbsp;
小于号:&lt;
大于号:&gt;

7.表格骨架代码:

<table>
   <thead>
      <tr>
          <th></th>
       </tr>
   </thead>
   <tbody>
          <tr>
             <td></td>
          </tr>
   </tbody>
          </table>

8.表格<table>属性:
align:对齐方式
border:表格宽度
cellpadding:元素与表格边框距离
cellspacing:表格与表格距离
width:表格宽度
9.合并单元格:
跨行合并:rowspan
跨列合并:colspan
三步骤:1.区分是跨行跨列
2.找到目标单元格
3.删除多余单元格
10.列表:
无序列表:<ul><li></li></ul>
有序列表:<ol><<li></li></ol>
自定义列表:

<dl>
		   <dt></dt>
		   <dd></dd>
		</dl>

11.表单的构成:
表单域(form)
表单控件(表单元素)
提示信息
12.form的重要属性:

action =“URL链接”
method = “post/get”
name = “”


13.input属性:
	type,name,value,checked,maxlength
14.label标签:(需绑定 `<label>-`-`for`  `<input>--id`)
	扩大鼠标点击区域,提高用户体验
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值