初识HTML

1、HTML(HyperText Markup Language):超文本标记语言,不是一种编程语言,是一种描述性的标记语言。
2、HTML的专有名词:

  • 网页 :由各种标记组成的一个页面就叫网页。

  • 主页(首页) : 一个网站的起始页面或者导航页面。

  • 标记: 比如<p>称为开始标记 ,</p>称为结束标记,也叫标签。每个标签都规定好了特殊的含义。

  • 元素:比如<p>内容</p>称为元素.

  • 属性:给每一个标签所做的辅助信息。

  • XHTML:符合XML语法标准的HTML。

  • DHTML:dynamic,动态的。javascript + css + html合起来的页面就是一个 DHTML。

  • HTTP:超文本传输协议。用来规定客户端浏览器和服务端交互时数据的一个格式。SMTP:邮件传输协议,FTP:文件传输协议。

3、我们打开 VS Code 软件,新建一个文件,名叫test.html(注意,文件名是test,后缀名是html),保存到本地。

紧接着,在文件里,输入html:5,然后按一下键盘上的Tab键,就可以自动生成如下内容:
html框架
4、文档声明头<!DOCTYPE......>开头的语句:简称DTD。
5、面试问:网页的head标签里面,表示的是页面的配置,有什么配置?
答:字符集、关键词、页面描述、页面标题、IE适配、视口、iPhone小图标等等。

<title>:指定整个网页的标题,在浏览器的上方显示。
<base>:为页面上的所有链接规定默认地址或默认目标。
<meta>:提供有关页面的基础信息。
<body>:用于定义HTML文档索要显示的内容,也称为主体标签。
<link>:定义文档与外部资源的关系。
6、meta标签:表示“元”配置,基本的配置项目。常见的meta标签如下:
(1)字符集charset:(character set)多个字符的集合,以便计算机能识别和储存各种文字,避免网页页面出现乱码。UTF-8是常用的字符集编码方式。
(2)视口viewport:
(3)定义“关键词”:提高搜索命中率。
(4)定义“页面描述”
(5)title标签:用于设置网页标题。
(6)base标签:指定基础的路径,指定后,所有的a链接都是以这个为基准。
7、**<body>标签**

标签的属性有:
  • bgcolor:设置整个网页的背景颜色。
  • background:设置整个网页的背景图片。
  • text:设置网页中的文本颜色。
  • leftmargin:网页的左边距。IE浏览器默认的是8个像素。
  • topmargin:网页的上边距。
  • rightmargin:网页的右边距。
  • bottommargin:网页的下边距。

8、中文能够使用的字符集两种:

  • UTF-8:国际通用字库,包含人类的所有语言。保存尺寸大,文件臃肿

  • GBK(是对GB2312J进行扩展):中国的字库,仅涵盖了汉字和一些常用的外文(比如日文片假名和常见的字符)。尺寸小,文件小巧
    字体库规模:UTF-8>GB2312
    9、HTML的规范

  • HTML不区分大小写,但HTML的标签名、类名、标签属性、大部分属性值建议统一使用小写。

  • HTML页面的后缀名是html或者htm

10、编写XHTML规范

  • 所有标记元素需正确嵌套,不能交叉嵌套。
  • 所有标记都必须小写。
  • 所有标签都必须闭合。
    双标签:<span></span>
    单标签:<br>写成<br/>,<hr>写成<hr/>,<img src="URL">
  • 所有的属性必须加引号。<font color="red"></font>
  • 所有的属性必须有值。
  • XHTML文档开头必须要有DTD文档的类型定义。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值