HTML 学习笔记 day one

时间:2022-06-22 19:29:30

HTML学习笔记

day one

Chapter one 网站开发基础

1.2网站的基本架构

网站的基本要素:内容,页面,超链接

动态网页和静态网页的区别在于:动态网页会自动更新,后缀名是.asp或者.aspx;而静态网页不会自动更新,要改变它只能够去改变它的代码,它的后缀名是.html或者.htm。

1.3常见的网站结构

苹果mac os x 平台的web浏览器是Safari,Firefox是最符合web标准的浏览器(现在的设计师检测网站的时候,一般会用IE,Firefox,opera,Safari这几个浏览器。

1.7常见的长度单位

用来控制框架和图片常用的是px,控制字体常用的单位是em,其次是相对单位%

Chapter two HTML基础

2.1HTML页面结构

<html>文档内容</html>

<html>这对标签的开始和结束意味着网站的开始和结束

<html>标签之后就是 头部标签<head>:头部标签里面可以有<meta>标签,它在<html>和<title>标签(2.2中进行了详细的介绍)。它所独有的一个便签是<title>称之为标题元素,用来定义页面的标题,显示在浏览器窗口的标题栏

<head>之后是 主题标签<body>

2.2元信息标签<mata>

meta的作用:定义页面主题;设置页面,使其根据的时间间隔来刷新页面。

meta的属性:name,http-equiv,contect,charset,url

name属性:
用来描述网页,以便于搜索引擎查找和分类,

语法结构:<mate name="#",contect="内容">

 注:当#为不同的值时,contect中所对应的内容是不同的。

Http-equiv属性:

作用:反馈给浏览器一些有用的信息,来帮助页面正确和精确的显示页面内容,是网页里必不可少的标签属性

语法结构:<meta http-equiv="content-type" content="text/html;charset=gb2312">

 注:http-equiv="content-type" 设定页面所使用的字符集

 http-equiv="refresh"是用来定时让网页在指定的时间内,跳转到指定的页面。

还有一些不常用的标签,需要的时候再去查吧

2.3段落排版标签

<p>内容</p>是段落标签

<br/>是换行标签,两个换行标签相当于一个段落标签

2.4水平分割线<hr>

<hr/>这是他经常的用法,就只有一条默认的分割线

它的属性有:size,用来设置水平分割线的粗细;width,设置水平分割线的宽度;algin,设置水平分割线显示的位置;color,设置水平分割线的颜色;noshade,取消水平分割线阴影,他是没有属性值的。

语法结构:<hr size="数字px" width="数字px" algin="left/center/right" color="用十六进制或者直接用英文” noshade/>

2.6设置网站背景色

语法结构:<body bgcolor="颜色名“>