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样式

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值