一个网页主要由结构,表现,行为 组成。
结构:HTML 用于描述页面的结构
表现:CSS用于控制页面中元素的样式
行为:JaveScript 用于响应用户操作
软件主要分两种架构C/B和B/S
B/S中的B指的是browsers,是浏览器的意思,S值Server指服务器的意思;B/S架构的软件一般都是通过访问一个网页的形式来使用的,而将一些运算等操作放到远端的服务器上。
html
html(Hypertext Markup Language)
html使用标签的形式来标识网页中的不同组成部分。
超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面。
一个最基本的html页面:
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title网页标题</tite>>
</head>
<body>
<h1>网页正文</h1>
</body>
</html>
标签 :
html中的标记指的就是标签,使用标记标签来描述网页。结构:<标签名>标签内容</标签名><标签名/>
元素
一个完整的标签称为元素。
<h1>一级标题</h1> h1就是元素,
<p>我是一个<em>段落</em></p>
p也是一个元素,em是p的子元素,p是
em的父元素。
属性
可以为HTML标签设置属性。
通过属性为HTML元素提供附加信息。
属性需要设置在开始标签或自结束标签中。
属性总是以名称/值对的形式出现。
比如:name=“value”
有些属性可以是任意值,有些则必须是指定值。
<h1 title="我是一个标题">标题</h1>
<img src="" alt="" />
常见属性:
id 属性作为标签的唯一标识,在同一个网页中不能出现相同的id属性值。
class 属性用来为标签分组,拥有相同class属性的标签是一组,可以出现相同的class属性,可以为一个元素指定多个class。
title 属性用来指定标签的标题,指定title以后,鼠标移入到元素上方时,会出现提示文字。
注释
html注释内容不会在网页中展现
格式:<!--注释--> 注意不能嵌套
乱码
如果我们保存文件时使用的是utf-8进行编
码,而浏览器读取页面时使用gb2312,这
样就会导致页面中的内容不能正常显示,
也就是我们所说的乱码。所以我们只需要统一两者使用的字符集就可以解决乱码问题。一般使用utf-8。
解决乱码问题
保存文件的编码我们直接通过编辑器即可
指定,接下来就是要告诉浏览器使用什么
字符集去解析文件,可以使用meta标签
如<meta charset='utf-8'/>
<meta>作用:
可以提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词。
<meta>标签位于文档头部,不包含任何内容,它的属性定义了与文档相关联的名称/值对。