HTML

HTML

• List item

• HTML：
  超文本标记语言， 万维网通用的
  HTML5 5是HTML的一个版本

• CSS:
  层叠样式表， 进行页面的布局与页面样式设计

• JavaScript
  简称为JS， 设置页面的行为， 存储数据， 与用户进行交互

• jQuery
  封装了JS, 把JS的行为简化， 方便快捷的使用JS的内容

• AJAX
  前端向后端请求的工具， 跟后端服务器进行交互的

• BootStrap
  对CSS的封装

• Vue基础
  前后端进行分离 来写前端项目的

HTML

HTML的语法是由标签组成的

• 双标签：开始标签的名称与结束标签的名称是一样的

  <开始标签名称 属性=属性值 属性=属性值1>标签之间的内容</结束标签名称>
  

• 单标签: 自带结束标记

  <标签名称 属性=属性值 属性=属性值1 />
  

  可能会看到单标签的结束标记不存在， 那是给省略了 建议带上这个标记的

标签是可以相互嵌套的

<a>
	<b>
		<span></span>
	</b>
	<meta />
</a>

标签之间的关系

• 父子关系
• 兄弟关系
• 先辈和后辈的关系

常用的属性

• id — 标签的唯一标识
  在同一个HTML页面中 标签的id属性值不允许重复
• class — 给标签添加类
  一个标签可以有多个类的标识
  一个类也可以标记多个标签
• name — 先理解成起名字
• style — CSS对应的属性
  通过这个属性可以写CSS的内容设置标签的样式
  <标签名称 style=“样式名：样式值; 样式名:样式值;…” ></标签名称>
• title — 鼠标悬浮时的显示的标题

常用的标签

标题标签

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>

分割线

<hr />

文本标签

<span>普通文本标签</span>
<b>加粗字体标签</b>
<strong>加粗字体标签</strong>
<i>斜体标签</i>
<em>斜体标签</em>
<u>自带下划线的标签</u>
<del>自带删除线的</del>
<small>小字体的</small>

• font
  size 设置字号 1-7 数值越大 字号越大
  color 设置颜色
  英文对应的颜色 red yellow
  十六进制对应的颜色:#000000到#ffffff
  颜色配比是用红绿蓝三色系调色的

<font size="3" color="#ff0000">通过属性设置的字号和颜色的标签</font>
<font size="4" color="#00ff00">通过属性设置的字号和颜色的标签</font>
<font size="5" color="#0000ff">通过属性设置的字号和颜色的标签</font>

<p>
	段落：一个新的段落是要另起一行显示的
</p>

<pre>
	格式化：
	在标签中的文本是什么格式的 
	最后在文档上显示的就是什么格式
</pre>

• 需求： 把流水这两个字颜色设置为绿色， 添加下划线
  颜色对应的样式名： color
  下划线 text-decoration

<p>小桥<span style="color: green; text-decoration: underline;">流水</span>人家，古道西风瘦马。夕阳西下，断肠人