Web学习笔记

文本标签

h1-h6 标题标签    属性:align="center/left/right"

p  段落标签,独占一行

hr  水平分割线

br   换行

列表标签

无序列表
    (unordered list)
  • (list item)
有序列表
    定义列表
    列表嵌套:有列表和无序列表可以任意嵌套

元素(标签)的分类

1、块级元素:独占一行

2、行内元素:和其他行内元素共占一行
斜体:em i
加粗:strong b
下划线:u
删除线:del s

行内元素的多个空格折叠问题,当多个空格存在时只能显示一个

常见特殊字符

1.空格: 
2.< %lt;
3.> %gt;

分区标签(自身没有显示效果,可以充当容器的作用,用于包含多个功能相关元素)

div:块级分区元素,独占一行

span:行内分区元素,与其他行内元素共占一行

开发页面时通常会分为三大区

H5标准中新增分区标签(作用和div一样,但更直观)


头部


文章,正文

脚步

图片


alt:当图片不能正常显示时显示此内容
src:图片的路径
title:鼠标悬停时显示的问题
width/height:如果只设置宽或高,则会等比缩放

相对路径:显示站内资源使用相对路径
绝对路径:显示站外资源,图片路径发生改变,则图片不能正常显示

支持的图片格式:jpg/jpeg不支持透明色,png支持透明色,gif动图

图片地图



href:值为路径,可以写相对路径和绝对路径,路径可以指向页面、也可以指向文件,如果指向的文件浏览器不能打开,则浏览器下载文件

超链接a

格式:达内文档
href:值为路径,相对路径和绝对路径
target="_blank",跳转页面时,开启一个新窗口,如果不加,则从当前窗口跳转

从当前窗口转跳
a标签和img标签 嵌套 实现图片添加点击事件
锚点用法:需要准备两个a标签 一个负责定位,一个负责转跳,如果目标转跳位置有元素可以
直接在该元素上添加id属性则直接可以省略a标签

表格标签

table tr td
常见属性:table:border边框粗细,cellspacing:单元格与外边框间距,cellpassing:单元格与内容的间距,bgColorg:背景颜色
td属性:colspan跨行 rowspan跨列

表格分组标签:thead:头分组 tbody:体分组 tfoot:脚分组
th:标题,和td的区别是th里面的内容会加粗
caption:表格标题,会自动居中

表单相关

获取用户输入的各种信息
常见表单相关的控件:文本框,密码框,单选,多选,日期选择器,文件选择器,文本域

文本标签

h1-h6 标题标签    属性:align="center/left/right"

p  段落标签,独占一行

hr  水平分割线

br   换行

列表标签

无序列表
    (unordered list)
  • (list item)
有序列表
    定义列表
    列表嵌套:有列表和无序列表可以任意嵌套

元素(标签)的分类

1、块级元素:独占一行

2、行内元素:和其他行内元素共占一行
斜体:em i
加粗:strong b
下划线:u
删除线:del s

行内元素的多个空格折叠问题,当多个空格存在时只能显示一个

常见特殊字符

1.空格: 
2.< %lt;
3.> %gt;

分区标签(自身没有显示效果,可以充当容器的作用,用于包含多个功能相关元素)

div:块级分区元素,独占一行

span:行内分区元素,与其他行内元素共占一行

开发页面时通常会分为三大区

H5标准中新增分区标签(作用和div一样,但更直观)


头部


文章,正文

脚步

图片


alt:当图片不能正常显示时显示此内容
src:图片的路径
title:鼠标悬停时显示的问题
width/height:如果只设置宽或高,则会等比缩放

相对路径:显示站内资源使用相对路径
绝对路径:显示站外资源,图片路径发生改变,则图片不能正常显示

支持的图片格式:jpg/jpeg不支持透明色,png支持透明色,gif动图

图片地图



href:值为路径,可以写相对路径和绝对路径,路径可以指向页面、也可以指向文件,如果指向的文件浏览器不能打开,则浏览器下载文件

超链接a

格式:达内文档
href:值为路径,相对路径和绝对路径
target="_blank",跳转页面时,开启一个新窗口,如果不加,则从当前窗口跳转

从当前窗口转跳
a标签和img标签 嵌套 实现图片添加点击事件
锚点用法:需要准备两个a标签 一个负责定位,一个负责转跳,如果目标转跳位置有元素可以
直接在该元素上添加id属性则直接可以省略a标签

表格标签

table tr td
常见属性:table:border边框粗细,cellspacing:单元格与外边框间距,cellpassing:单元格与内容的间距,bgColorg:背景颜色
td属性:colspan跨行 rowspan跨列

表格分组标签:thead:头分组 tbody:体分组 tfoot:脚分组
th:标题,和td的区别是th里面的内容会加粗
caption:表格标题,会自动居中

表单相关

获取用户输入的各种信息
常见表单相关的控件:文本框,密码框,单选,多选,日期选择器,文件选择器,文本域

你可能感兴趣的:(Web学习笔记)