总览:
Web的标准组成:结构,表现,行为,分别对应HTML,CSS,JS
结构:对网页元素进行整理和分类
表现:设置网页元素的版式、颜色、大小等外观样式
行为:网页模型的定义以及交互的编写
HTML
1.骨架标签:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
<html> </html> HTML标签 最大的标签 根标签
<head> </head>文档的头部 必须设置title
<title></title>文档的标题 页面拥有自己的标签
<body> </body>文档的主体 元素包含文档的所有内容
2.常规元素(双标签)
<标签名>内容</标签名>
空元素(单标签)
<标签名/>
标签关系:
1.嵌套关系
<head>
<title></title>
</head>
2.并列关系:
<head></head>
<body></body>
字符集
<meta charset="UTF-8"/>
标签语义化
排版标签
1.标题标签h(熟记)
<h1></h1>
<h2></h2>
<h3></h3>
2.段落标签p(熟记)
3.水平线hr(认识)
<hr />
4.换行标签br(熟记)
<br />
5.div 和span标签(重点)
div标签,用来布局,一行只能放一个div
span标签,一行上可以放好多个span
文本格式化标签
<b></b>和<strong></strong> 文字以粗体方式显示
<i></i>和<em></em> 斜行
<s></s>和<del></del> 加删除线
<u></u>和<ins></ins> 加下划线
图像标签ing
<img src="图像URL"/>
属性 属性值 描述
src URL 图像的路径
alt 文本 图像不能显示时的替换文本
title 文本 鼠标悬停时显示的内容
width 像素 设置图像的宽度
height 像素 设置图像的高度
border 数字 设置图像边框的高度
链接标签
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
href 指定目标URL地址
target="_blank"
注释标签 <!-- 注释语句-->
快捷键:ctrl+/ 或 ctrl+shift+/
描点定位
<a href:"#id名称">链接地址</a>
<h3 id="id名称">目标内容</h3>
base标签
base可以设置整体链接的打开状态
base写到<head></head>之间
把所有的链接都默认添加 target="_blank"
预格式化文本pre标签
标准字符
空格符
< <
>