2021-06-01

网页设计之hrml入门

一、html常用标签

Div：定义文档中的节，块
Span：定义文档中的节，行内标签
P：段落
H：标题
Table：表格
Tr：表格行
Td：定义表格中的单元
Img：图像
A：超链接
Link：定义文档与外部资源的关系
Script：js
Style：css
Template：定义用作容纳页面加载时隐藏内容的容器
ul：定义无序列表
ol：定义有序列表
li：定义列表项
input：表单，输入
audio：音频控件
video：视频控件

二、html超链接与图片标签

html超链接与图片标签：实现功能为点击超链接可以从一个页面跳转到另一个页面，内容可以是一个字，一个词，或者一张图片。<a href=" "目标窗口”链接文本。例如：百度

图片标签：在HTML中，图像由img标签进行定义，一般为< img src＝“1.jpg” alt＝width＝" “height＝” “>
其中的 src＝” “就是图像的地址，可以是在电脑文件中的文件位置也可以是网址alt＝” “就是调整图片的样式，比如宽度和高度等例如：alt＝width＝"90”

三、块级元素与行内元素的区别与联系
1.行内元素与块级函数可以相互转换，通过修改display属性值来切换块级元素和行内元素，行内元素display：inline，块级元素display：block。
2.行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的；块级元素却总是会在新的一行开始排列，各个块级元素独占一行，垂直向下排列，若想使其水平方向排序，可使用左右浮动（float：left/right）让其水平方向排列。
3.行内元素不可以设置宽高，宽度高度随文本内容的变化而变化，但是可以设置行高（line-height），同时在设置外边距margin上下无效，左右有效，内填充padding上下无效，左右有效；块级元素可以设置宽高，并且宽度高度以及外边距，内填充都可随意控制。
4.块级元素可以包含行内元素和块级元素，还可以容纳内联元素和其他元素；行内元素不能包含块级元素，只能容纳文本或者其他行内元素。

四、绝对路径与相对路径

绝对路径，从根目录为起点到你所在的目录；
相对路径，从一个目录为起点到你所在的目录。
例如：
相对路径（如果你在B文件夹时）： …\B文件夹 （‘…\’向上一级意思）

五、常用字符实体

六、列表标签
列表标签

无序列表标签，用于在效果中定义一个无序列表

• 列表条目项标签，用于在效果中定义一个列表的条目
  有序列表标签，用于在效果中定义一个有序列表