HTML基础(一)

 --网页基础

1 服务器开发语言  客户端

Java 、Node.js   --文字-图形化界面:应用(C/S架构)   --网页(B/S架构)优点:跨平台

2 历史

万维网发明人:蒂姆·伯纳斯·李,也是第一个服务器,第一个网站的发明人

3 浏览器和网页

万维网联盟W3C,制定规范

结构:HTML用于描述页面的结构;表现:CSS用于控制页面中元素的样式;行为:JavaScript用于响应用户操作

4 进制

十进制、二进制、八进制、十六进制

8 bit=1 byte   1024 byte=1 kb千字节   1024 kb=1 mb兆字节   1024 mb =1 gb吉字节

1024 gb=1 tb特字节   1024 tb=1 pb拍字节

最小可以操作单位byte

5 字符编码

所用数据在计算机中以二进制存储

编码和解码,采用的规则称为字符集(charset)。

常见字符集ASCII(美7位)   ISO88591(欧8位)  GB2312(中国国标)  GBK(扩展) UTF-8(万国码)         

6 网页

项目要尽量小,代码压缩:删除没有的东西,如注释,换行,空格等。

 --HTML基础

一、标签

*标签参考手册

HTML 标签列表(字母排序) | 菜鸟教程https://www.runoob.com/tags/html-reference.html

HTML 标签参考手册https://www.w3school.com.cn/tags/index.asp

1.<开始标签>内容</结束标签>

        根标签<html></html>,两个子标签<head></head>,<body></body>,其他为后代标签如<title>,<h1>

2.自结束标签

       只有开始标签,<img>或者<img />

3.注释<!—注释内容-->

       对代码进行解释说明,页面不会展示,代码能看到;注释不能嵌套

4.标签属性

       可以设置标签内的内容如何显示;可以在开始标签自结束标签设置属性;属性是名值对结构

X=" Y"(或者'Y')

X为属性名,Y为属性值,根据规定编写;需要用空格隔开。

5.特殊标签

        <!doctype html>文档声明,位于代码第一行,位于根标签以外,大小写都行

         <head>为网页头部,内容不会直接出现,用来帮助解析网页

         <meta charset=”utf-8”>设置网页字符集--utf-8,避免乱码

         <title>搜索引擎会主要根据title中的内容判断网页的主要内容

         <body>网页所有可见内容,主体。

         <meta>

       主要用于设置元数据,常用属性charset、name指定数据名称、content指定数据内容。

        ①Keywords表示关键字,可以同时指定多个关键字,用英文逗号隔开。比如<meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东"/>,当搜索网上购物或手机等关键字时,会推荐京东网页。

        ②description为描述,网站的一个自我介绍。<meta name="description" content="京东JD.COM-专业的综合网上购物商城,为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家,囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类,满足各种购物需求。"/>,如下图所示。

        ③<meta http-equiv=" " content=" ">

        <meta http-equiv="refresh" content="3;url=http://www.xxx">将页面重新定向到另一个网站;3表示时间,地址表示指向网页。

二、基础结构 

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>网页标题</title>
	</head>
  <body>
        <h1>网页的大标题</h1>
  </body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值