HTML第一次作业

什么是web前端？

web前端就是由多种技术制作的，用来给用户展示的网页，也叫网站的前台部分

包括的技术有html、css、javascript、jQueery、bt等

什么是HTML？

hyper text maekuo language

（骨骼）是一个超文本标记语言,标记也可以称作标签或元素，是目前使用最广泛之一，也是最重要的之一。

是一个描述性文本，不是编程语言（编程语言要编译）浏览器通过这个描述文本渲染和呈现网页。

之所以称为超文本语言是因为它拥有所谓的超级链接和媒体文件

可以展示文字、表格、声音、图像、动画等

发展历程

html雏形

html2.0

html规范协议

html4.01标准指定

xhtml

xhtml 2.0 (抛弃市场)

html 5.0----至今

特点

简单灵活

可扩展性强，标签语言

平台无关性，不同系统兼容

环境部署

运行环境有浏览器就行

开发环境包括记事本、sublime、pycharm等

本节课学习的标签

标签

基本信息

标签有开始和结束标签，之间的区域称作区域

标签有属性,属性有值

标签大小写都能识别

布尔型标签，写了就自带效果，不写就不会产生效果

行内标签，就是只修饰被包裹的内容，不能直接支持宽高属性

块标签，就是至少占满一行,同时可以直接支持宽高属性。

标签可以无线内嵌

常见标签

head 这个标签一般写浏览器所需的信息，

meta

charset = [“编码”] 指定编码，例如”utf-8”。常用的字符集有 gbk(简体中文)、BIG5(繁体中文)、utf-8（通用）、gb2312、name 描述、content 内容

body这个标签写的内容

<font size=""> 字体的大小

<b> bold 加粗，指定加粗的地方

<strong> 也是加粗，强调语气的地方

<i> italic 斜体

<em> 也是斜体 ,强调语气

<del> 删除线

<u> underline,下划线

换行，卸载行尾就行 ,只写一个

1 <p> 段落标签，上下都会空一行

1<pre> 在<pre>内写成什么样呈现出来就是什么样

<span> 行内标签

1<div> 块标签，通常用于布局使用

<sub> 下标标签

<sup> 上标标签

1<hr> 分割线

这样改宽度

1<h1> 大标题

1<h2> 比h1小一号...一直到h6,字号依次递减

语义化标签

这些都是语义化标签，

布局上跟div功能一样，但在爬虫搜索的时候，更容易找

可读性强，方便维护，对爬虫有指导性

大部分网站都是采取三段式,www.taobao.com很典型

多媒体标签

图片视频音频都是多媒体标签

常用图片的格式：

bmp是windows专有的图片格式，本身不进行压缩，清晰度略低于png， 占据的空间较大，所以处于淘汰中

png无损压缩的格式，支持背景透明，清晰度最高，但比jpg内存占用多

jpg 是有损压缩，不支持背景透明，清晰度略差于png,但内存占用小

gif是动图，支持背景透明，但支持256色

img标签 是image的缩写，代表图片的含义

src 资源路径，填写一个路径

路径填写方式：1.绝对路径 2.相对路径 3. ../式路径访问方式

alt 当图片无法正常显示，alt的内容就会被引用

title 悬停在图片上后显示的内容