学习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功能的符号<p></p>
语法:标记必须用<>扩起来
标记分为 封闭类型的,非封闭类型的
<>内的东西 就是标记内容,不同的标记页面会有不同的显示效果
<a>:超链接
<b>:字体加粗显示

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

 

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

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

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

6、分割线元素
<hr>
属性:size 尺寸
width 宽度
align 水平对齐方式
color 颜色

7、预格式化
保留源文档的格式,即保留文档中出现的空格和回车


 

posted @ 2019-02-20 15:31  笑迪  阅读(168)  评论(0编辑  收藏  举报