今日学习目标
1.web基础知识
2.HTML快速入门
3.常用标记
一 web基础知识
1.web
即各类网站
作用:把各种信息和服务进行无缝连接,提供生动形象的用户界面
2.web的工作原理
在互联网环境之上基于浏览器和服务器以及通信协议来实现信息的传输和展示
通信协议:HTTP/HTTPS规范数据是如何打包和传递
浏览器:
浏览器产品:IE,chrome,opera,safari,firefox
浏览器作用:代理用户向服务器发送请求
解析执行网页,以图文化界面展示给用户
浏览器端技术:HTML CSS JS
服务器:
服务器产品:Apache ,Tomcat,IIS
服务器作用:存储数据 响应请求 保证数据安全
服务端技术:java /php/.net/node.js
二 HTML快速入门
1.什么是HTML?
HTML:Hyper Text Markup Language超文本标记语言
超文本:具有超出普通文本的特殊功能
标记:用带有尖括号的字符表示不同的内容
语言:具有一定语法结构
2.HTML特点
1.以.html或者.htm为后缀的文件
2.有浏览器解析执行
3.可以嵌套脚本语言(js)
4.用带有尖括号的标记来标识内容的
3.标记
1.什么是标记
在HTML中,用于描述功能的符号,称为标记。标记在使用时必须带有尖括号
2.标记分两类
封闭类型(双标记):<标记>内容</标记>
ex: <a>内容</a>
非封闭类型(单标记):<标记>
ex:<hr> <img>
4.元素(标记)
元素之间可以相互嵌套,嵌套的目的是为了形成复杂的布局,同时也为了功能的叠加
元素的嵌套:在一对标记中嵌套其它的标记
语法:<标记1>
<标记2>
<标记3>
</标记2>
</标记1>
注意:嵌套时换行缩进,双标记一定是成对出现的
5.属性和值
<a href=""></a>
作用:修饰元素
语法:<标记 属性1="值" 属性2="值"></标记>
ex:<h1 align="center">这是一级标题</h1>(但是在a标记中无效—专有属性、特有属性)
标准属性(通用属性):
id:定义元素的唯一标识(名称)
title:鼠标输入移入到元素时,所提示的文字
class:在CSS中,引入类选择器
style:在CSS中,定义行内样式
练习:创建一个demo_2.html,显示一张图片,超链接跳转百度;给图片添加提示文字,使用style属性修饰图片