html
回忆在奔跑
这个作者很懒,什么都没留下…
展开
-
html学习笔记之列表标签(pink老师)
列表:用来布局 表格:用来显示数据分类:(1)无序列表(重点)无序列表:<ul>标签表示HTML页面中的无序列表,一般以项目符号呈现列表项,而列表项使用<li>标签定义基本结构及其代码如下:<body><h4>我最喜欢吃的水果</h4> <ul> <li>苹果</li> <li&g原创 2020-11-20 11:40:57 · 169 阅读 · 0 评论 -
html学习笔记之表格标签(pink老师)
table与tr,td为嵌套关系,table为单元格,tr为行,td为单元格如下代码:<table> <tr> <td>姓名</td><td>性别</td><td>年龄</td> </tr> <tr> <td>唐嫣</td><td>女</td><td>36</td> </tr>原创 2020-11-20 11:27:19 · 198 阅读 · 0 评论 -
html基础学习笔记之绝对路径相对路径(pink老师)
目录文件夹:就是普通文件夹,里面存放我们需要的素材,比如图片,html等根目录:打开目录文件夹的第一层就是根目录路径:绝对路径和相对路径相对路径:以引用文件所在位置为参考基础,而建立出的目录文件,简单来说,是图片相对于HTML页面的位置分类:同一级路径:图片位于HTML文件同一级 如<img src="123.png" />下一级路径:图片位于HTML文件下一级 如<img src="images/123.png" />上一级路径:图片位于HTML文件上一级 如<i原创 2020-11-20 10:47:41 · 148 阅读 · 0 评论 -
html学习笔记之常用标签(pink老师)
最近,跟着pink老师学完了html,整理了常用标签。首先介绍一下双标签双标签1.标题标签<h1>-<h6> 特点:1.作为标题使用,并且重要性依次递减 2.加了标题的文字会变得加粗,字号也会依次增大 3.一个标题独占一行2.段落标签<p> </p>特点:1.文本会根据浏览器窗口的大小自动换行 2.段落和段落之间有间隙3.加粗标签<strong></strong> <b></b>4.倾斜标签<原创 2020-11-19 21:08:33 · 394 阅读 · 0 评论 -
html+css实现一个动态登录页面
效果如下:后面的泡泡是动态的,只能截图,所以后面不动了,代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> * { box-sizing: border-box; }原创 2020-09-12 20:30:55 · 5046 阅读 · 2 评论 -
html实现登录界面
学习html的第一个效果图(如下)代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!-- 表单的提交数据是post --> <form action="#"method="post"> <table c原创 2020-09-12 20:24:26 · 4849 阅读 · 1 评论