什么是B/S?
B/S中的B指的是browsers,是浏览器的意思,S值Server指服务器的意思
B/S架构的软件一般都是通过访问一个网页的形式来使用的,而将一些运算等操作放到远端的服务器上。这样就降低了对客户端的要求,我们的计算机上只需要安装一个浏览器即可使用
像我们常用的京东、taobao、12306等这些网站都是B/S架构的软件。
什么是结构,表现,行为?
结构 HTML用于描述页面的结构
表现 CSS用于控制页面中元素的样式
行为 JavaScript用于响应用户操作
HTML (Hypertext Markup Language)超文本标记语言
一个最基本的HTML页面:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
<h1>网页正文</h1>
</body>
</html>
元素
我们还将一个完整的标签称为元素。
这里我们可以将元素和标签认为是一个同
义词。
<h1>一级标题</h1>
上边的h1我们就称为元素
<p>我是一个<em>段落</em></p>
p也是一个元素,em是p的子元素,p是
em的父元素。
<body>
<p><em>内容</em></p>
</body>
body也是一个元素。
body是p和em的祖先元素。
p和em是body的后代元素。
属性
可以为HTML标签设置属性。
通过属性为HTML元素提供附加信息。
属性需要设置在开始标签或自结束标签中。
属性总是以名称/值对的形式出现。
比如:name=“value”
有些属性可以是任意值,有些则必须是指定值。
<h1 title="我是一个标题">标题</h1>
<img src="" alt="" />、
注释
HTML注释中的内容不会在网页中显示。
• 格式:
合理的使用注释可以帮助开发人员理解网
页的代码。
注释不能嵌套!
乱码
如果我们保存文件时使用的是utf-8进行编
码,而浏览器读取页面时使用gb2312,这
样就会导致页面中的内容不能正常显示,
也就是我们所说的乱码。
所以我们只需要统一两者使用的字符集就
可以解决乱码问题。
这里为了页面有更好的使用性,我们一般
使用utf-8
解决乱码的解决方法
保存文件的编码我们直接通过编辑器即可
指定,接下来就是要告诉浏览器使用什么
字符集去解析文件。
在html5中只需要使用meta标签即可完成
这个任务:
<meta charset="utf-8" />
字符实体
小于号<
– ©
• 引号”
– "
• 注册商标®
– ®
• 商标™
– ™
– <
• 大于号>
– >
• 空格
–
• 和符号&
– &