HTML‘冷’知识总结

1.h1 到 h6 字体逐渐变小

2.标签 p 和 div 效果区别是 p 之间有空行,div 之间没有空行

3.特殊符号:空格:&nbsp 小于号:&lt 大于号:&gt

4.span 标签,表示一行中的一小段内容,便于样式的使用

5. em 标签 行内元素,表示语气中的强调词

    i 标签 行内元素,表示专业词汇

    b 标签 行内元素,表示文档中的关键字或者产品名

    strong 标签 行内元素,表示非常重要的内容

    (不重要,但面试可能会问到)

6.ol 是有序列表,ul 是无序列表,常常与 li 一起用;定义列表通常用于术语的定义,很像 ul 与 li 这个标签组合,dl 标签表示列表的整体。dt 标签定义术语的题目。dd 标签是术语的解释,示例:

<dl>
    <dt>html</dt>
    <dd>负责页面的结构</dd>

    <dt>css</dt>
    <dd>负责页面的表现</dd>

    <dt>javascript</dt>
    <dd>负责页面的行为</dd>
</dl>

7.hr,br,meta,link,img,input等都是不成对标签

8.img 标签最好加上 alt 属性,那样即使写错图标路径和图片名的时候也有提示,便于 debug

9.a 标签的 title 属性可以在鼠标悬停链接时显示提示,target 属性 定义链接窗口打开的位置,

target="_self" 缺省值,新页面替换原来的页面,在原来位置打开,国外网站一般采用这种
target="_blank" 新页面会在新开的一个浏览器窗口打开,国内一般这种

10.form 表单:action 属性 定义表单数据提交地址;method 属性 定义表单提交的方式,一般有 “get” 方式和 “post” 方式

1.action 属性 定义表单数据提交地址;method 属性 定义表单提交的方式,一般有 “get” 方式和 “post” 方式,get方式会在url显示,而post不显示,字段通过http报文格式发送给服务器
<input>标签 定义通用的表单元素,是非成对标签
2.type属性:
        type="text" 定义单行文本输入框
        type="password" 定义密码输入框
        type="radio" 定义单选框
        type="checkbox" 定义复选框
        type="file" 定义上传文件
        type="submit" 定义提交按钮
        type="reset" 定义重置按钮
        type="button" 定义一个普通按钮
        type="image" 定义图片作为提交按钮,用src属性定义图片地址
        type="hidden" 定义一个隐藏的表单域,用来存储值
3.value属性: 定义表单元素的值
4.name属性 :定义表单元素的名称,此名称是提交数据时的键名
5.为提高用户的体验,可以加id属性,在段集标签等也可以激活相关控件

6.textarea标签 定义多行文本输入框
7.select标签 定义下拉表单元素
8.option标签 与<select>标签配合,定义下拉表单元素中的选项

11.html 表格

1、table标签:声明一个表格,它的常用属性如下:
    border属性 定义表格的边框,设置值是数值
    cellpadding属性 定义单元格内容与边框的距离,设置值是数值
    cellspacing属性 定义单元格与单元格之间的距离,设置值是数值
    align属性 设置整体表格相对于浏览器窗口的水平对齐方式,设置值有:left | center | right

2、tr 标签:定义表格中的一行

3、td和th标签:定义一行中的一个单元格,td代表普通单元格,th表示表头单元格,它们的常用属性如下:
    align 设置单元格中内容的水平对齐方式,设置值有:left | center | right
    valign 设置单元格中内容的垂直对齐方式 top | middle | bottom
    colspan 设置单元格水平合并,设置值是数值
    rowspan 设置单元格垂直合并,设置值是数值

声明:本文为原创,作者为 对弈,转载时请保留本声明及附带文章链接:http://www.duiyi.xyz/c%e5%ae%9e%e7%8e%b0%e9%9b%b7%e9%9c%86%e6%88%98%e6%9c%ba-71/

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券