html知识点总结

1.什么是html

html的英文全称是HyperTextMarkupLanguage,意思是超文本标记语言。超文本的话我个人的理解是超级文本,他不仅仅只有文字,里面还可以包括一些如图片、视频等等其他的东西。而对于标记语言,百科里给的解释是指将文本以及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码,我有点不是很理解,但是结合以前写页面的经历,感觉是指将页面的结构和样式通过标签和文本结合的方式展现出来。

2.html头部的一些标签及其作用

  • <DOCTYPE html>:放在HTML文档最前面的位置,通知浏览器以W3C的HTML5标准来解析渲染页面
  • <html>:根元素,包含整个页面的内容
  • <head>:对用户不可见,其中包含例如⾯向搜索引擎的关键字、页面描述、字符编码声明、CSS样式等
  • <body>:该元素包含能够被用户访问到的内容,包括文本、图像、视频、游戏、音频等。
  • <meta> :html文档的元信息,如<meta charset="UTF-8">就是告诉页面这里的代码编码格式为UTF-8,按照UTF-8的格式来翻译这块代码
  • <title>:文档的标题

3.html一些常用的标签及其作用

  • <h1></h1>:h1~h6这类标签都是定义某一块文字为标题,即给这一串文字赋予固定的样式——标题的样式。
  • <b></b><strong></strong>:加粗标签内的文字,b仅仅代表加粗这一样式,是实体标签,strong代表强调,是逻辑标签。两者视觉效果一样,但是当使用无障碍阅读器时,strong标签内的文字将变为重音。同时strong标签还可以通过css添加样式,通过其他方式强调。
  • <i></i><em></em>:斜体字,两者同上,第一个是实体标签,第二个是逻辑标签,em与strong都代表对这段文字的强调,只是默认的显示强调的样式不同。
  • <center></center>:居中文本         注:html5已经不支持center标签了
  • <mark></mark>:被标记的、高亮显示的文本
  • <cite></cite>:定义作品的标题                短引用,中间的文本会显示为斜体,一般引用作品名字或章节
  • <dfn></dfn>:定义一个项目        对文档中的文本格式化
  • <ul></ul>:无序列表
  • <ol></ol>:有序列表,可以通过start这一属性来设置开头标签的序号
  • <li></li>:列表项目,放置于ul或ol中,代表列表中的一行元素
  • <a href=""></a>:超链接,href标签里放置链接的地址,当我这样写<a href></a>的时候,点击该标签会刷新页面并跳回页面顶部,当我这样写<a href="#"></a>的时候,点击该标签不会刷新页面,但是会跳转到页面顶部。
  • <font></font>规定文本的尺寸,颜色,字体。通过元素face规定字体,size规定大小,color规定颜色     注:html5已经不支持该标签了。
  • <sub></sub>下标
  • <sup></sup>上标
  • <br>换行
  • <p></p>:段落
  • <div></div>:一个块级作用域
  • <table></table>表格,里面使用<tr></tr>定义行<td></td>定义这一行中这一列
  • <input>输入框
  • <datalist></datalist>配合input使用,成为一个用户可以输入也可以选择默认值的输入框
  • <img src="">图像
  • <video><source src="" type=""></video>视频
  • <button></button>按钮
  • <canvas></canvas>画布

4.常用的语义化标签

  • <noscript></noscript>当浏览器不支持script时,显示里面的话。
  • <base>规定这个页面上所有的默认的url。
  • <del></del>删除部分,会在内容上加上代表删除的划线。
  • <ins></ins>插入部分,在内容底部加上下划线。

5.倘若页面出现了乱码,是怎么回事

出现乱码代表编码的方式和解码的方式不一样,<meta charset="UTF-8">就是定义了支持汉字的编码格式,如果没有在页面上加这句,浏览器没有按照指定的格式解析,就会出现"锟斤拷烫烫烫"这样的乱码。

6.什么是全局属性,全局属性有那些

全局属性是指可以与所有html元素一起使用的属性,即所有的html元素如div,p,button等元素都可以使用的属性

  • accesskey  规定激活元素的快捷键,alt+指定的键  就可以激活指定的元素了
  • class  类名
  • id  规定元素唯一的id
  • contenteditable  规定元素的内容是否可编辑,可编辑的话点击内容就可以修改了。
  • data-*  自定义属性,程序员可以以驼峰风格给元素添加这一属性,data-后面加上你起的名字,并且给他赋值。然后就可以在获取这个元素的时候读取这些值了。
  • dir  文本方向,rtl从右到左,ltr从左到右。记不住的话可以直接通过英语的方式来记,rtl(right to left)这样子。
  • draggable  规定元素是否可以被拖动
  • hidden  隐藏元素
  • style  规定元素的行内css样式
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值