2021.3.7学习日志

前端的学习

12.HTML学习的要求

  记住标签的语义

13.标题标签

  标题标签一共有6级，作为标题使用，根据级数的变换进行重要性的变换，
  <h1>一级标题</h1>
  特点：
  （1）文字加粗，字号随之变换
  （2）标题独占一行

14.段落和换行标签

  （1）<p>段落</p>，可以把HTML文件分成若干个段落
  特点：
  1.文本在一个段落中会根据窗口的大小进行自动换行
  2.段落与段落之间保留有空隙
  （2）<br />换行，语义就是强制换行
  特点：
  单标签，与段落不同的是垂直无空隙

15.实例

16.文本格式化标签

加粗	<strong></strong>	and	<b></b>
倾斜	<em></em>	and	<i></i>
删除线		<del></del>	and	<s></s>
下划线		<ins></ins>	and	<u></u>

  常用前一种来表示强调

17.div和span标签

  无语意，表示盒子用来装内容，进行布局
  （1）

一行一个的大格子
  （2） 一行多个小盒子

18.图像标签

  <img src="图像路径"/>
  srg是<img>标签的必要属性，用于指定图像的路径和文件名

src 图片路径 必须属性
alt 文本 替换文本，表示图像不能显示的文字
title 文本 提示文字，鼠标放到图像上显示文字
width 像素 宽度
height 像素 高度
border 像素 边框粗细
  注：宽和高一般只会修改一个，自动等比例进行缩放

19.图像标签的注意点

  （1）图像标签可以有多个属性但都应该写在标签名之后
  （2）属性之间用空格隔开
  （3）属性的格式 属性=“值”

20.目录文件和根目录

  一个网页为了好进行布局规划，所用的一些素材不能乱放，应放在统一的文件夹中
  放在目录文件夹中进行管理，其中打开的第一层就是根目录

21.相对路径（上）

  引用文件所在位置为参考
  同一级直接引用下一级 /文件夹名/文件名

22.相对路径（下）

  上一级 …/

23.绝对路径

  盘符寻找电脑中的文件，很少使用，因为每个人电脑中的文件位置不同，或者使用网路地址（较常用）

24.连接标签（上）

  语法<a href="跳转目标" targer="弹出方式">选择点击的文本或图片</a>
  href必须属性
  targer _self当前页打开 _blank新建窗口再打开

25.连接标签（下）

  外部链接 http://…
  内部链接 无http://…
  空链接 href="#"
  下载地址 href="名字，直接引用同一级

26.锚点链接

  <a href="#.....">word1</a>
  跳转到同一页面的<h3 id="#.....">word2<h3>

27.注释标签和特殊字符

  注释<!-- 开头 -->结束 快捷键ctrl+/
  有关特殊符号的一般只要求记空格符和大于，小于其它用时再翻看
  空格 &nbsp
  小于号 < &lt
  大于号 > &gt

28.综合案例（上）

29.综合案例（下）

30.HTML标签下

31.表格标签及其基本用法

  表格是用来展示数据的，显得数据规整
  用法

<table>
	<tr>
		<td>单元格内的文字</td>
		...
	</tr>
	...
</table>

  <table></table>用于定义表格标签
  <tr></tr>定义行
  <td></td>定义单元格

32.表头单元格标签

  一般位于第一行第一列，文字居中加粗
  <th>文字</th>

33.表格相关属性（了解）

  一般并不常用，以后学习CSS实现完成，但他们的单词一致