JavaScript经典教程(一)-- HTML基础部分

179:HTML基础部分(元素分类、特性、特殊元素等)

1、复习:

HTML: 超文本标记语言
CSS: 层叠样式表
JavaScript: 脚本语言

http:超文本传输协议
https: 经过ssl加密的超文本传输协议

2、HTML、CSS、JS的联系:

结构、表现。行为
HTML:结构层 ———— 框架结构
CSS: 表现层 ———— 显示的样式
JS: 行为层 ———— 交互

3、基础

IDE:编辑器

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

1、:文档头。让浏览器知道用什么文档来解析
现阶段普遍是html5,xhtml是5之前的版本,与5的解析有些不一样。
2、html:html标签,计算机从这里开始知道html开始编写;
3、head:头部,写在头部力的内容,页面中不出现;
4、meta :SEO优化,告诉浏览器你的html页面的一些讯息;
5、charset=“utf-8”:中国一般用utf-8编码去进行解析;
6、title:页面标题(不写标题,即默认为文件名);
7、body:主体;

4、元素

HTML中的元素分类:

(1)块元素

独占一行,支持宽高;
官方解释:以矩形形式独占一行,且支持宽高等一些样式;
误区:宽度不是100%,只是独占一行
eg:div–典型的块状元素
块状元素标签:div、p、h1-h6、ul、ol、li、body、dl、dd、dt、html、table

(2)行内(内联)元素

不支持宽高,大小随着内容改变,不会独占一行
eg:span
行内元素标签:span、a、b、i、img、br、meta、title、style

(3)可变元素

可以是块状或者行内
eg:iframe – 镜像
iframe 是块状还是行内元素,由它镜像的页面的元素为准,镜像的为块状,iframe 就是块状,镜像的是行内元素,iframe 就是行内。
在这里插入图片描述
在这里插入图片描述

5、特殊

(1)特殊标签

XMP标签:让其中任何标签都在页面中显示出来。
(一般来说,元素即标签相当于框架,比如div,如果不进行样式设置,在页面中是看不见的)
在这里插入图片描述

(2)特殊属性

contenteditable – 编辑属性
让标签变为可编辑状态
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值