![](https://img-blog.csdnimg.cn/20190913233144706.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Html基础
majiamin123
这个作者很懒,什么都没留下…
展开
-
01我的第一个网页----(Html基础)
我的第一个网页1. 基本的结构<!DOCTYPE html><html> <head> <title></title> </head><body> </body></html>通过观察我们发现,HTML基本结构中所有的标签都是成对出现的,这些成对出现的标签中有一...原创 2019-09-07 00:48:30 · 1330 阅读 · 0 评论 -
14-无序列表练习1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>14-无序列表练习1</title></head><body><h1>搜狐热点新闻</h1><hr width...原创 2019-09-13 18:55:30 · 480 阅读 · 0 评论 -
15-无序列表练习2
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>16-无序列表练习2</title></head><body><h1>四大名著</h1><ul> ...原创 2019-09-13 22:11:27 · 255 阅读 · 0 评论 -
16-无序列表练习3
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>16-无序列表练习3</title></head><body><h1>物品清单</h1><ul> ...原创 2019-09-13 22:25:54 · 451 阅读 · 0 评论 -
17-有序列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>17-有序列表</title></head><body><ol type="a"> <li>演员</li...原创 2019-09-13 22:31:23 · 377 阅读 · 0 评论 -
18-定义列表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>18-定义列表</title></head><body><dl> <dt>北京</dt> ...原创 2019-09-13 22:40:55 · 324 阅读 · 0 评论 -
19-定义列表练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>19-定义列表练习</title> <style type="text/css"> *{ margin: 0;...原创 2019-09-13 22:50:48 · 398 阅读 · 0 评论 -
20-表格标签基本使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>21-表格标签基本使用</title></head><body><!--要求写一个表格,这个表格中有2行3列--><tab...原创 2019-09-13 23:01:57 · 310 阅读 · 0 评论 -
21-表格标签的属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>21-表格标签的属性</title></head><body><!--编写一个2行2列的表格--><table borde...原创 2019-09-13 23:10:52 · 695 阅读 · 0 评论 -
22-细线表格
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>23-细线表格</title></head><body><table bgcolor="black" cellspacing="1"&g...原创 2019-09-13 23:17:05 · 141 阅读 · 0 评论 -
13-无序列表
<h2>中国的城市有哪些</h2><ul> <li>北京</li> <li>上海</li> <li>广州</li> <li>武汉</li></ul>1、什么是列表标签?列表标签的作用:给一堆数据添加列表语义,也就是...原创 2019-09-13 18:50:37 · 393 阅读 · 0 评论 -
12-锚点
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>13-锚点</title></head><body><a href="13-锚点的测试界面.html#bottom" target="_...原创 2019-09-13 18:42:07 · 144 阅读 · 0 评论 -
11-假链接
<h1>我是顶部</h1><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><...原创 2019-09-13 18:35:25 · 1182 阅读 · 0 评论 -
02-字符集问题----(Html基础)
<meta charset="utf-8"> 作用:指定当前网页的字符集几个问题:为什么会有乱码现象?因为我们在编写网页的时候没有指定字符集如何解决乱码现象?在head标签中添加’’,指定字符集什么是字符集?字符集就是字符的集合,也就是很多字符堆积在一起,其实字符集很像我们古代的“活字印刷术”,在活字印刷术中就是将很多刻有汉字的小章放到一个盒子中,然后需...原创 2019-09-07 12:53:36 · 108 阅读 · 0 评论 -
03-DTD文档声明
<!DOCTYPE html></html>1. 什么是DTD文档声明?由于HTML有很多个版本的规范,每个版本的规范之间又有一定的差异,所以为了让浏览器能够正确的编译/解析/渲染我们的网页,我们需要在HTML文件的第一行告诉浏览器,我们当前这个网页是用哪一个版本的HTML规范来编写的,浏览器只要知道了我们是用哪个版本的规范来编写之后,它就能够正确的编译/解析/渲染我...原创 2019-09-08 01:14:51 · 218 阅读 · 0 评论 -
04-H标签-P标签-Hr标签-基础标签学习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H系列标签和P标签和Hr标签</title></head><body><h1>我是标签1</h1><h2>...原创 2019-09-08 01:33:55 · 604 阅读 · 0 评论 -
05-注释
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注释</title></head><body><!--注释的快捷键:Ctrl + / --><!--这是注释-->...原创 2019-09-10 22:19:02 · 87 阅读 · 0 评论 -
06-img标签
<img src="timg.jpg"><img src="timg.jpg" width="300" height="478"><img src="timg.jpg" width="300"><img src="timg.jpg" height="478"><img src="timg.jpg" height="478" title=...原创 2019-09-10 22:34:07 · 391 阅读 · 0 评论 -
07-br标签
br标签,如何在HTML中换行?可以使用br标签左边的是换行符<br>换行了哟br标签作用:换行br标签格式:<br>br标签的注意点:多个br标签可以连续使用,使用了多少个br标签就会换多少行由于HTML的作用就是用来给文本添加语义,而br标签的语义是不另起一个段落换行,而在企业开发中一般情况下需要换行都是因为需要另起一个段落,所以在企业开发中很少使...原创 2019-09-10 22:41:14 · 197 阅读 · 0 评论 -
08-路径问题
<img src="timg.jpg">其实想给src属性赋值有两种方式:1. 通过相对路径赋值(掌握)相对路径就是每次都从.html文件所在的文件夹开始查找,我们称之为相对路径同级同级就是图片和.html文件存储在同一个文件夹中格式:src="timg.jpg"含义:在.html文件所在的文件夹中查找名称叫做timg.jpg的图片下级下级就是存储图片的文件...原创 2019-09-10 22:51:25 · 89 阅读 · 0 评论 -
09-a标签基本使用
<a href="https://www.nuomi.com/?cid-002540">糯米</a><a href="https://www.baidu.com/"><img src="timg.jpg" width="150"></a><a href="08-br标签.html">09-br标签.html</a&g...原创 2019-09-10 23:01:23 · 129 阅读 · 0 评论 -
10-base标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>11-base标签</title> <base target="_blank"></head><body><a hr...原创 2019-09-10 23:05:17 · 138 阅读 · 0 评论 -
23-表格中的其他标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>24-表格中的其他标签</title></head><body><table bgcolor="black" cellspacing="...原创 2019-09-13 23:21:36 · 182 阅读 · 0 评论