一个网页主要由结构,表现,行为 组成。
结构:HTML 用于描述页面的结构
表现:CSS用于控制页面中元素的样式
行为:JaveScript 用于响应用户操作
软件主要分两种架构C/B和B/S
B/S中的B指的是browsers,是浏览器的意思,S值Server指服务器的意思;B/S架构的软件一般都是通过访问一个网页的形式来使用的,而将一些运算等操作放到远端的服务器上。
html
html(Hypertext Markup Language)
html使用标签的形式来标识网页中的不同组成部分。
超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面
CS C表示客户端,B表示服务器
BS B表示浏览器,S表示服务器
<html> <\html> 表示根目录
<head><\head> 表示头标签
<body><\body>表示体标签
<title><\title>表示标题标签
font 是来设置字体的,里面有“color”,“size” 大小打1~7之间
一个最基本的HTML页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
<h1>网页正文</h1>
</body>
</html>
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>标签位于文档头部,不包含任何内容,它的属性定义了与文档相关联的名称/值对。
meta用法:
设置页面字符集:<meta charset='utf-8/>
设置网页描述:<meta name='description'content=''/>
设置网页关键词:<meta name='keywords' content=''/>
请求的重定向:<meta http-equiv='refresh' content='5,url=地址'/>
html作用:
<html>标签用于告诉浏览器这个文档中包含的信息时用html编写的。
一个页面只能用一个html标签
html标签中有两个子标签head和body。
<head>作用:
<head>标签用来表示网页的元数据,head中包含了浏览器和搜索引擎使用的其他不可见信息。
head标签作为html标签的子元素的出现,一个网页中只能用一个head。
<title>
表示网页标题,一般会在网页的标题栏上显示。
title标签中的文字,是页面优化的最重要因因素。
<body>
标签用来设置网页的主体,所有在页面中能看到的内容都应该编写到body标签中。
body标签作为html的子标签使用。
<h1>到<h6>
都是网页中的标题标签,用来表示网页中的一个标题,不同的是,从
重要性越来越低。
标题标签相当于正文的标题,通常认为重要性仅次于页面的title。
一般标题标签用到h3就没意思了,一个网页只会使用一个h1标签
<p>
表示网页中的段落。
一般浏览器会在段落的前后个加一个换行。也就时段落会在页面中自称一行。
<br/> 标签表示一个换行标签,使用br标签可以使br标签的内容另起一行。
<hr/>标签时水平线标签,使用hr标签可以在页面中打印一条水平线,水平线可以将页面分成上下两个部分。
<img/>
-src指向一个外部的图片的路径。
-alt图片的描述.
实体
在HTML中预留了一些字符。这些预留字符是不能在网页中直接使用的。
• 比如<和>,我们不能直接在页面中使用<和
>号,因为浏览器会将它解析为html标签。
• 为了可以使用这些预留字符,我们必须在html中使用字符实体。