前端背诵笔记之html

网页是构成网站的基本元素,网页以html和htm后缀,html为超文本标记语言,遵守web标准,W3C万维网联盟,包括三个部分,结构、表现、行为。
/路径分为相对和绝对路径
/相对路径的下一级/,上一级../,绝对路径是学会右键,复制图片地址,都是盘符或者网页开始的地址复制

⭐html5重点
    <h1~h6>自成一行</h1>
    <p>段落</p >
    <br/><!-- 换行标签 -->
    <strong>加粗</strong>
    <em>倾斜</em>
    <div>自成一行,大盒子</div>
    <span></span>行内元素

< img src ="img.jpg" alt = "" title = ""/>
alt图像无法显示替换文本 ,title提示文本,经过图像即提示
在src后可自由添加属性,采用键值对

<a href = " " target = " ">
    href后加上外部,内部,空,下载链接(exe,zip),视频,表格都可以,target加上_self当前窗口打开,_blank(另外打开窗口)</ a>

 <a href = "#名字">锚点链接</ a>
    < h3 id = "名字"></h3> 

/ 特殊字符, 空一格,小于号,大于号
                     &nbsp;       &lt;        &gt;

/表格,注意thead和tbody的好处
    <table>
        <thead>
        <tr><th>表头单元格,会自动加粗,并且居中</th> </tr>
        </thead>
        <tbody>
            <tr><td>单元格</td></tr>
        </tbody>
    </table>

设置边框是否合并为一个单一的边框
table{border—collapse:collapse;}

/设置表格的位置和边界,背
 align = "center/left/right" 
 border = "1/""," 
 cellpedding = "0" 内边距
 cellmargin= "0" 外边距

 /合并单元格,写在td里面,同时把多余的删掉
    rowspan = "跨行合并,合并的个数"
    colspan = "跨列合并,合并的个数"

/列表,用来布局,分为有序,无序和自定义列表 
1.无序列表 ul>li (前面有小圆点), 
2.有序列表 ol>li (前面自动生成序号),
3.自定义列表 dl>dt,dd (对标题进行解释)

/表单,为了收集用户信息,包括三部分,表单域,表单控件(表单元素),提示信息
/form会把范围内的表单信息提交给服务器
/action接收和处理数据的地址,method是get/post,name是给表单命名
<form action = "ul地址" method  = "提交方式" name = "各种表单元素控件" >

 <input type = "text/button/checkbox/file/hidden/image/password/radio/reset/submit" name = "名称" 
/value = "规定input元素的值,,一打开即显示提示的文本输入
/" checked = "规定此input首次加载应当被选中" 
/maxlength = "输入字段的长度">

  /补充:
  <input type = "file">输入字段和“浏览”按钮</input>
    <input type = "checkbox" checked = "checked">我同意注册</input>

/ label里的for和id 
    <label for = "sex">男</label>
    <input type = "text" name = "sex" id = "sex"/>

/select下拉表单 
    <select>
     <option selected = "selected">默认为选项</option>
    </select>

/ <textarea>大号文本框,留言板什么的</textarea>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值