HTML5基础学习笔记(一)

一、HTML概念

1.名词解释

Internet:因特网,互联网。可以实现全球信息互联的网络。

WWW:万维网(world wide web),它是提供网站相关服务,人们可以通过万维网服务进行网上聊天、网上冲浪、网购、搜索资料、查看天气、查看新闻、交友聊天等。

W3C:万维网联盟创建于1994年.是Web技术领域最具权威和影响力的国际中立性技术标准机构。我们后面学的html、css等标准都是由此机构主导制定。国内的淘宝等网站也是该成员。

HTTP:超文本传输协议(HTTP,HyperTextTransfer Protocol),也就是浏览器和服务器端的网页传输数据的约束和规范。

Web:web (互联网总称)web的本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式,即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。

DNS:DNS(Domain NameSystem,域名系统),因特网上作为域名和IP地址相互映射的一个分布式数据库,能够使用户更方便的访问互联网,而不用去记住能够被机器直接读取的IP数串。通过主机名,最终得到该主机名对应的IP地址的过程叫做域名解析(或主机名解析)


2.html简介

HTML(英文Hyper TextMarkup Language的缩写)中文译为“超文本标记语言”,主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。

HTML提供了许多标记,如段落标记、标题标记、超链接标记、图片标记等,网页中需要定义什么内容,就用相应的HTML标记描述即可。

HTML之所以称为超文本标记语言,不仅是因为他通过标记描述网页内容,同时也由于文本中包含了所谓的“超级链接”点。通过超链接将网站与网页以及各种网页元素链接起来,构成了丰富多彩的Web页面。


二、HTML结构


<!DOCTYPE html>                          文档声明部分
<html lang="en">
<head>                                              头部
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>                                                主体部分

</body>
</html>



三、HTML语法

1.HTML标签以 ”<“开头。

2.紧接着就是标签名(中间没空格)

3.标签名之后如果有属性的话,加空格然后是  属性名=""

4.如果有多个属性,属性间用空格隔开,空格可以有多个。

5.属性结束后可以加一个或多个空格。

6.然后是结束标签">",如果是闭合标签需要在标签名前加”/",例如:</html>

7.单标签,斜线没有任何意义,可有可无。

8.标签中间可嵌套内容。


四、头部标签介绍

1.Head标签中设置都是用于给浏览器使用的一些配置和设置。比如meta标签告诉浏览器当前文档的编码格式。

2.<meta>标记:定义页面信息

   (1)<meta  name=" " content=" " />

            name属性的值:keywords:设置网页关键字

                                      description:设置网页藐视

                                      author:设置网页作者

    (2)<meta http-equiv=" " content=" " />

            http-equiv属性可以设置服务器发送给浏览器的HTTP头部信息,为浏览器显示该页面提供相关参数。

            http-equiv提供参数类型,content提供参数值。

            属性值:content-type,设置字符集,content属性值是text/html,charset=utf-8;

                          refresh,设置页面自动刷新与跳转,content属性值为数字和URL。

3.<link>标记

      (1) 引入DNS预先解析

dns预解析(了解)

<linkrel="dns-prefetch" href="http://mimg.127.net">

最开始的时候,用dns去解析域名对应的IP地址,后面再用到的时候,浏览器就不用再使用dns,直接使用缓存

可以有效的提高后续访问网站的效率

 

       (2)引入网站icon图标:

         <linkrel="shortcut icon" href="http://www.126.com/favicon.ico"/>


        (3)引入css样式,【后面讲】

          <linkrel="stylesheet" href="css/bg.css"

4.<style>标记:内嵌样式标记

     CSS样式的一种使用方式。后面具体讲。

    <style 属性=“值”>样式内容</style>


五、文本控制标记

1.标题标记

<h1> <h2> <h3>

注意:一个页面只能用一个<h1>

2.段落标记

<p>段落</p>

3.水平线标记

<hr />

4.换行标记

<br />











评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

昆吾kw

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值