前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >HTML‘冷’知识总结

HTML‘冷’知识总结

作者头像
对弈
发布2019-09-04 15:46:31
8540
发布2019-09-04 15:46:31
举报

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 标签是术语的解释,示例:

代码语言:javascript
复制
<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 属性 定义链接窗口打开的位置,

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

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

代码语言:javascript
复制
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 表格

代码语言:javascript
复制
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/

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-08-02,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 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 标签是术语的解释,示例:
  • 7.hr,br,meta,link,img,input等都是不成对标签
  • 8.img 标签最好加上 alt 属性,那样即使写错图标路径和图片名的时候也有提示,便于 debug
  • 9.a 标签的 title 属性可以在鼠标悬停链接时显示提示,target 属性 定义链接窗口打开的位置,
  • 10.form 表单:action 属性 定义表单数据提交地址;method 属性 定义表单提交的方式,一般有 “get” 方式和 “post” 方式
  • 11.html 表格
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档