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