HTML介绍 (一)

一、HTML介绍

html是超文本标记语言,用于创建网页的标记语言

本质是浏览器能识别的规则,不过容易出现浏览器的兼容问题导致渲染效果不同

网页文件的拓展名:.html或htm

注:html不是编程语言,只是一种标记语言;标记语言是不存在逻辑的

1、html文档结构

html文件的创建:

​ 在pycharm中创建html文件,找到html文件直接创建

​ 在其它编译软件中创建html文件,和在pycharm中类似

​ 手动创建就先先创建一个.txt文件,然后把文件后缀名改成.html文件,然后在文件中写入固定格式

1.<!DOCTYPE html>声明文件为html5文档
2.<html></html>是文档的开始标记和结束标记。是HTML页面的根元素,在它们之间是文档的头部(head)和主体(body)
3.<head></head>定义了HTML文档的开头部分,他们之间的内容不会在浏览器的窗口直接显示。包含了文档的元(meta)数据,配置信息等,是给浏览器的用的,用户看到的直接效果是body里面写的。
4.<title></title>定义了网页标题,在浏览器的标题栏显示。
5.<body></body>之间的文本是可见的网页主体内容

注:在中文网页需要使用<meta charset=”utf-8″>声明编码,否则会出现乱码。有些网站的默认编码是gbk,所以把utf-8改成gbk即可

2、html标签格式

html的标签格式是严格封闭的

html的标签是成对出现的
全封闭标签
    标签的开始是尖括号<>加关键字
    标签的结尾是尖括号和斜杠</>加关键字
    例:<p></p>、<div></div>
    这种标签叫全封闭标签
自封闭标签
	只有单独的前面部分
	例:<img>、<hr>、<br>
全封闭标签还有另一种写法,就是在前半部分的>前面加一个斜杠
	例:<span />

3、html常用标签

<title></title>:定义网页标题
<style></style>:定义内部样式
<script></script>:引入js代码或引入外部js文件
<link />:引入外部样式文件
<meta/>:定义网页原信息

meta标签的三个参数

name=”keywords”:搜索关键字

name=”description”:显示栏后面的介绍内容

http-equiv=”refresh” content=”2;URL=https://www.oldboyedu.com”:在2秒后页面自动跳转到百度

<meta name="keywords" content="30期">
<meta name="description" content="体彩">
<meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com">

4、浏览器的内核

  浏览器内核:

    浏览器 内核

    IE trident

    chrome blink

​ 火狐 gecko

    Safari webkit

注:浏览器内核是浏览器采用的渲染引擎,宣言引擎决定了浏览器如何显示网页内容以及页面的格式信息。渲染引擎也是兼容性问题出现的根本原因

原创文章,作者:27149,如若转载,请注明出处:http://wpbbw.com/55.html

发表评论

登录后才能评论