HTML
关注
分享
扫一扫
基础知识
sunnyaha12
这个作者很懒，什么都没留下…
展开
-
定位和浮动的对比
一、为什么需要定位？1、某个元素能自由的在一个盒子内移动位置，并且压住其他盒子。2、滚动窗口时，盒子是固定屏幕某个位置的。二、为什么需要浮动？浮动可以让多个块级盒子一行没有缝隙的排列，常用于横向排列的盒子。三、定位与浮动的区别1、行内元素添加绝对（position：absolute）或者固定定位（position：fixed），可以直接设置高度和宽度。2、块级元素添加绝对（position：absolute）或者固定定位（position：fixed），如果不给高度或者宽度，默认原创 2020-08-26 17:32:26 · 2158 阅读 · 0 评论 -
HTML5新增表单标签和属性（6）
一、新增表单标签input标签新增的type类型(1)email:必须输入邮件;(2)url:必须输入url地址;(3)number:必须输入数值;(4)range:必须输入一定范围内的数值;(5)DatePickers:日期选择器;a.date:选取日、月、年b.month:选取月、年c.week:选取周和年d.time:选取时间(小时和分钟)e.datetime:选取时间、日、月、年(UTC时间)f.datetime-local:选取时间、日、月、年(本...原创 2020-07-19 15:20:21 · 179 阅读 · 0 评论 -
HTML表格及应用、表单域（5）
一、表格标签一些简单的表格由table元素，一个或者多个tr,th,td组成。<table>标签定义HTML表格。<tr>标签定义表格行<th>标签定义表头<td>标签定义表格单元<table border="1" style="width:400px"> <tr> <th>编号</th> <th>姓名</t.原创 2020-07-19 12:00:45 · 455 阅读 · 0 评论 -
HTML新增标签（4）
目录一、结构标签（都是块级标签） html5 ie浏览器9 以上才支持二、媒体标签三、其他功能标签一、结构标签（都是块级标签） html5 ie浏览器9 以上才支持1.section标签（对布局来说，块级标签）定义文章中的节。section元素并非一个普通的容器元素，它表示一段专题性的内容，一般带有标题，仍然可以<h1>表示标题。2.article标签是一个特殊的section标签，比section具有更加明确的语义，表示一个独立的完整的相关内容块。3.nav标.原创 2020-07-19 11:02:36 · 460 阅读 · 0 评论 -
HTML中display属性（3）
display属性display： 用于框类型之间的转换值：inline 行内 block块级 inline-block行内块级 none 隐藏元素并且不占位元素的嵌套规则1、块级元素与块级元素平级，内联元素与内联元素平级。2、块元索可以包含内联元素或某些块元素，但内联元素不能包含块元素，它只能包含其它的内联元索3、有几个特殊的块级元素只能包含内联元素,不能再包含块级元素h1、h2、h3、h4、h5、h6、p、dt4、有些标签...原创 2020-07-17 14:47:18 · 332 阅读 · 0 评论 -
HTML中插入图片、超链接＜a＞（2）
网页中常见的图片格式：.png .jpg .jpeg .gif图片与当前文档在同一级目录时：直接写图片的文件名图片放在文件夹里，该文件夹与html文档在同一目录，先进入文件夹再找到对应的图片scr="./images/img01.png" (scr="images/img01.png")./代表当前目录可以省略../返回上一级目录/代表根目录插入图片：<img scr="....." alt="..." titl="...."> (/与\无差别)alt：图片无法正常显原创 2020-07-16 21:01:22 · 2791 阅读 · 0 评论 -
常见HTML标签（1） ＜h1＞ 、＜p＞、＜em＞、＜strong＞
一、<h1>~<h6>可以定义标题<h1>定义最大的标题，<h6>定义最小的标题，由于h元素有确切语义，不要利用标题标签来改变一行中的字体大小，得使用层叠样式表。二、<p>标签定义段落p元素会自动在其前后创造一些空白。三、<em>、<i><em>和<i>之间的文字显示为斜体，<em>把文本定义为强调的内容。四、<strong>、<b>&l原创 2020-07-16 20:02:00 · 4665 阅读 · 0 评论 -
HTML基础知识（三）盒子阴影、文字阴影、透明
Float有4个值： left ：元素向左浮动。 right ：元素向右浮动。 none ：默认值。 inherit ：从父元素继承float属性。浮动后的div宽度会变成0，但是其内边框可能撑起它的宽和高。...原创 2020-07-16 19:14:31 · 650 阅读 · 0 评论 -
HTML基础知识（二）margin属性、float浮动、：hover鼠标悬停、文本属性、＜img＞图片的引入
一、margin属性、float浮动margin 外边距 margin-top margin-right margin-bottom margin-left 值 一个值 控制4个方向 两个值 控制上下 左右 三个值 控制 上 左右 下 四个值 分别控制4个方向 注：值的控制方向是按照顺时针方向特殊：margin的值: px auto 块级元素 水平方向的居中 float 浮动(布局方式之一)原创 2020-07-15 20:53:46 · 398 阅读 · 0 评论 -
HTML基础知识（一）声明、标记、块元素、transform属性、关键帧动画
<!DOCTYPE> 声明<!DOCTYPE>声明有助于浏览器中正确显示网页。网络上有很多不同的文件，如果能够正确声明HTML的版本，浏览器就能正确显示网页内容。doctype 声明是不区分大小写的，以下方式均可：<!DOCTYPE html><!DOCTYPE HTML><!doctype html><!Doctype Html>1. doctype 声明是不区分大小写的，用来告知 Web 浏览器页面使用了哪原创 2020-07-14 20:59:51 · 984 阅读 · 0 评论