HTML-入门篇day01

HTML-入门篇day01

1、web
 C/S：Client Server
 客户端服务器
 QQ,...
 B/S：Browser Server
 浏览器服务器

 PC机:Personal Computer 个人电脑

2、HTML
 2. 1、HTML:Hyper Text Markup Language
 超级文本标记语言
 通过带有尖括号<>组成的标记将网页内容标识出来

 用于设计网页的语言
 以.html或htm为后缀
 由浏览器解释执行
开发工具:
 1、记事本等相关工具
 Editplus hubilder
 2、浏览器
 Chrome 火狐
3、HTML语法
 标记：一组用于描述HTML功能的符号
 语法：标记必须用<>扩起来
 标记分为封闭类型的，非封闭类型的
 <>内的东西就是标记内容,不同的标记页面会有不同的显示效果
 <a>:超链接
 :字体加粗显示

 1、封闭类型的标记
 也称为双标记：必须成对出现
 <标记> 内容 </标记>
 这是一个b标记
 2、非封闭标记
 称为空标记、单标记
 <标记>或<标记/>
 空标记一般用于表示特殊效果
 : 换行
 <hr> : 一条水平线
 <img /> : 显示图片
 3、元素
 也称为标记
 <body></body>
 元素之间是可以产生嵌套的
a：超链接
img：图片
<a>
<img ... />
</a>
注意：标记的嵌套顺序

<a>超链接</a>


<a> fdsaf

</a>

4、元素的属性和值
 属性是用来修饰元素的
 语法：
4.1、属性声明必须位于开始标记中
<标记属性声明位置></标记>
<标记属性声明位置/>
4.2、一个元素允许出现多个属性，多个属性用空格区分.第一个属性也要与标记用空格来区分
<标记属性1 属性2 属性3></标记>
4.3、属性间排名不分先后
 属性值:
 1、属性与属性值之间用=连接
 2、属性值尽量放在一对引号中' ' " "
 段落一
 属性：align
 值：center
 align='center'
 增加一个属性名称为 id，值为p1

 标准属性：
 又称通用属性，所有的html标记都会具备的属性
 id:定义元素在页面中的唯一标识
 title:鼠标移入到当前元素时，所提示的文本
 class:引用的样式的类名称
style:定义行内样式
5、注释
 html的注释内容是不会被浏览器所解析显示的。
 语法：
 

3、文本相关标记
1、文本标记的作用
不同的文本标记会文本有不同的显示效果
2、特殊字符
  :一个空格
> > greater than
< < less than
© ©

3、文本相关标记
1、文本标记的作用
不同的文本标记会文本有不同的显示效果
2、特殊字符
  :一个空格
> > greater than
< < less than
© ©
3、文本相关的标记
1、文本样式
 加粗
 斜体
 下划线
<s></s> 删除线
上标
下标
2、标题元素
<hn></hn>
n:1-6之间的数字
<h1></h1>一级标题，字最大
<h6></h6>六级标题，字最小
3、段落元素

4、换行元素
 
 
5、分区元素
1、行分区

主要作用是包裹文本，做文本的样式
2、块分区
<div></div>
div的主要工作，就是布局
没有显示效果，主要用于页面的布局或分组
6、行内元素和块级元素
1、行内元素可以同其他的行内元素在一行内显示
 加粗
 斜体
 下划线
<s></s> 删除线
上标
下标


特点：修改文本样式
2、块级元素
默认情况，块级元素独占一行，前后会自动换行
<div></div>
<hn></hn>


特点：主要场合是在布局上
注意：
1、所有的行内元素不允许嵌套块级元素

<h1></h1>

2、块级元素中可以嵌套所有的行内元素
p标记是不允许嵌套其他块级元素
div：允许嵌套所有的元素
div没有特殊情况是不允许被其他元素嵌套的
div 能嵌套div
td 能嵌套div
li 能嵌套div
dt,dd 能嵌套div
7、分割线元素
<hr>
属性：size 尺寸
width 宽度
align 水平对齐方式
color 颜色

8、预格式化
保留源文档的格式，即保留文档中出现的空格和回车
<pre></pre>

<a>内容</a>

<a>
内容
</a>


Tab
<pre>

<a>
<img />
</a>

</pre>