HTML基础知识

HTML特点

超文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网 （WWW）盛行的原因之一，其主要特点如下：

1.简易性：超文本标记语言版本升级采用超集方式，从而更加灵活方便。

2.可扩展性：超文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超文本标记语言采取子类 元素的方式，为系统扩展带来保证。

3.平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超文本标记语言可以使用 在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。

4.通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文 本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

CSS (Cascading Style Sheets) 层叠样式表

是一个用于修饰文档（可以是标记语言HTML，也可以是XML或者SVN）的语言，可以将文档以更优雅的形式呈现给用户

HTML和CSS之间的关系？

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

(HTML就像是一个人，而CSS就像是衣服和化妆品，用来装饰HTML)

结构，表现，行为？

结构：HTML用于描述页面的结构

表现：CSS用于控制页面中元素的样式

行为：JavaScript用于响应用户操作

html、css、js的关系（网页三要素）

html：网页框架构建  结构

css：样式设置        表现

js：事件、动态      行为

基础标签的使用

1. h标签 标题标签
   在HTML中，一共有六级标题标签h1~h6
   在显示效果上，h1最大，h6最小，但是文字的大小我们并不关心
   6级标题中，h1的最总要，表示一个网页中的主要内容，h2~h6重要性依次降低，对于搜索引擎来说，h1的重要性仅仅次于title，搜索引擎检索完title会立即查看h1中的内容
   h1标签非常重要，它会影响到页面在搜索引擎中的排名，一个页面最好只写一个h1标签
   一般的页面中，我们只使用h1 h2 h3，其他的基本不用
2. p标签
   段落标签，段落标签用于表示内容中的一个自然段，使用p标签来表示一个段落
   p标签中的文字，会独占一行，并且段与段之间会有一个间距
3. br标签
   br标签 表示换行标签 br标签是一个自结束标签 ，br标签的语义是不另起一个段落换行, 而在企业开发中一般情况下需要换行都是因为需要另起一个段落, 所以在企业开发中很少使用br标签
4. hr标签
   hr标签 可以在页面中生成一个分割线
5. img标签
   img标签 告诉浏览器要显示一张图片
   src 放图片地址（绝对路径和相对路径，最好使用相对路径）
   width 图片高度
   height 高度
   alt 图片加载出现问题时给用户展示的内容
   title 鼠标悬停时的提示文字
6. a标签
   a标签的作用是用于控制页面与页面之间跳转的
   a标签中还有一个叫做target的属性，这个属性专门用于控制如何跳转
   self:用于当前的选项卡中进行跳转，也就是不新建页面跳转，默认就是_self
   _blank:用于在新的选项卡中进行跳转，也就是新建页面跳转
   a标签也有一个title属性，效果和img标签的title类似
   注意点:
   1.a标签不仅可以让文字点击，也可以让图片被点击
   2.一个a标签必须有一个href属性，否则a标签不知道要跳转到什么地方
   3.如果通过a标签href属性指定一个URL地址，那么必须在地址前面加上http://或者https://
   除了URL地址，还可以指定一个本地地址

块级元素与行内的区别 面试题 80%

1.经典：块级元素独占一行，行内元素与其他元素共享一行
2.宽高：块级可以直接设置宽高，行内不可以直接设置宽高，需要通过display改变元素属性来设置（img、input 特殊的行内 置换元素）
3.块级元素可以包含块级与行内，行内只能包含行内