HTML认识:
HTML是hyper text markup language(超文本标记语言)的缩写.
html并不是一种编程语言,而是一种描述性的标记语言,通过标识符来标识网页中内容的显示方式,例如图片的显示尺寸|文字大小|颜色|字体等等.
浏览器能够对这些标记进行解释,按照要求显示出文字|图像|动画|媒体等网页内容.
html5是html的一个版本,该版本新增和优化了许多内容.现如今,几乎所有市面流行的浏览器都能较为良好地接受html5,因此,作者学习内容以html5为标准.
HTML模板:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{margin:0;padding:0;}
</style>
</head>
<body>
</body>
</html>标签知识:
-由<>包裹地关键词称为"标签",其具有单标签和双标签之分.<>之间除了标签名还可以添加相应的属性.
-<html lang="en">代码中,lang主要决定浏览器是否自动弹出翻译框.常用值有en和zh-cn两种.en代表着网页时一个英文网页;zh-cn代表网页是一个中文网页.
-<body>中书写的内容会展示在浏览器可视区域,每一个标签都有着默认的样式.样式可以通过css代码改变.
-meta标签:<meta>书写在<head>中,是一个辅助标签,根据属性不一致其所表示的含义也不尽相同.常用的<meta>标签有:
-<meta charset="utf-8">
-<meta name="keywords" content="关键词1 关键词2">
<!--用于表示该网页的关键词,便于搜索引擎的抓取.-->
-<meta name="description" content="网页的描述">
<!--对该网页的简介,搜索引擎在搜索结果中会展示出来,便于用户了解网页的信息.-->
-<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
<!--根据当前浏览器类型强制用特定的内核进行渲染,如果是IE则使用最新的内核,如果是双核浏览器就会使用chrome.IE7及以下版本并不支持该属性.-->
-<div>标签:用于将文档划分为独立的部分,从而能够构建一个相对完整的网页.网页的主体一般由div标签进行搭建,但是html5标准中也有很多新的标签可以代替div进行相关操作,每一个独立的div可以继续使用div进行进一步的划分.
-标题标签:h1~h6用于表示网页内容的标题,标签内部的文字会默认产生不同程度的加粗和增大.
温馨提示:在一个网页中h1标签最好只能有一个,这样更利于SEO的搜索优化,而其他标签可以根据需求出现多次.
-<ul>无序列表标签,在书写规范方面,其子标签只能是<li>.
-相关快捷公式:ul>li*3,表示建立三个元素的无序列表.
-可以通过type属性来更改元素之前的符号.
-<ol>有序列表标签,在书写规范仿麦呢,其子标签只能是<li>.
-默认有数字符号,但是可以通过type进行修改.
-对话标签(不常用):<dl><dt><dd>可自行了解.
-<p>标签:通常用来放置一段文字.
温馨提示:<p>标签不能嵌套<div>标签,不然会导致<p>标签被分割成两块.
-<span>标签:通常用来包裹文字,视觉上不会产生任何变化,但是可以配合css添加特殊的样式特征.
-<a>标签:通过href属性可以形成一个可点击的超链接.
-可以通过target属性来指定打开链接的位置.
target="_blank"新标签页打开;
target="_new"新标签页打开,但所有的new只会打开一个新标签页;
target="_self"默认方式,在当前标签页打开.
-<a>标签可以通过#id的方式来设置锚点.
-<img>标签:用于在网页中引入一张图片.<img>是一个单标签,其不需要结束标签,但是可以使用/来作为img的结尾.
-src属性用来指定图片路径,具有相对路径,绝对路径,网络路径三种方式,其中相对路径规则如下:
./同级
/子级
../父级
-alt属性用于告知搜素引擎当前图片的一个含义,仅在图片因为异常加载不出的时候显示.
其他常用标签:
-<b><strong>标签:文字加粗,b标签仅仅是视觉上的,strong能够被搜索引擎检索.
-<i><em>标签:文字斜体.i标签仅仅是视觉上的,em能够被搜索引擎检索.
-<br>标签:换行.
-<hr>标签:横线分隔.
-<del>标签:删除线.
特殊标签:
-<>可以分别使用<和>来代替.
-连续的空格将会被忽略,若要使用连续空格,可以使用 代替.
扫一扫
4677
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
