Html+css
关注
分享
扫一扫
Simple-Coder
机会总是留给努力的人，越努力的人越幸运。
坚持学习，不忘初心！
展开
-
第三节 html插入图片
<html><head> <title>插入图片</title></head><body><!--居中标签--> <center> <!--图片标签 width是图片宽度属性 height是图片的高度属性 src图片加载路径属性可以是本地的，也可以是网页图片地址--> <img width=200 height=100 src="https://ss0原创 2017-02-10 11:10:41 · 912 阅读 · 0 评论 -
第15节 html表格的基本结构、属性和用法
表格的基本结构、属性和用法<html> <head> <title>表格的基本结构、属性和用法</title> </head> <body> <!--表格的基本结构 table表格标签 border表格边框宽度（1像素） tr表格的行标签 td单元格标签 --> <h1 align= center>表格</h1>原创 2017-02-13 15:57:51 · 840 阅读 · 0 评论 -
第16节 css初识
css初识<html> <head> <title>初识css(层叠样式表)</title> <meta http-equiv="Content-Type" content="text/html";charset="gb2312"> <!--使用css层叠样式表需要： 在head标签中添加style标签 在sty原创 2017-02-14 10:49:58 · 256 阅读 · 0 评论 -
第17节 基本CSS选择器
基本CSS选择器<html> <head> <title>基本css选择器</title> <style type="text/css"> <!-- .red{color:red;} .blue{color:blue;} .green{color:green;} --> <!-- p{font-family:楷体;size:18原创 2017-02-14 17:31:00 · 461 阅读 · 0 评论 -
第18节 网页的简单排版
简单排版 <html> <head> <title>简单排版</title> <style type="text/css"> /*background-color标题背景颜色 text-align标题的对其方式*/ h1{color:white;background-color:#0000FF;text-align原创 2017-02-15 10:25:57 · 304 阅读 · 0 评论 -
第19节 css高级特性之复合选择器
复合选择器<html> <head> <title>css高级特性之   复合选择器</title> <style type="text/css"> /*交集选择器*/ /*h1{color:red; text-align:center;} p{color:orange}原创 2017-02-16 10:22:59 · 383 阅读 · 0 评论 -
第20节 css高级之继承特性
继承特性<html> <head> <title>css高级之继承特性</title> <style type="text/css"> p{color:blue;} /*标题是红色字体加下滑线 而强调标签只显示了下滑样式 修改后的颜色 ，说明了子类继承父类的样式，单子类修改不影响父类的样式。 */ h2{原创 2017-02-16 11:24:17 · 421 阅读 · 0 评论 -
第21节 css设置文本样式
css设置文本样式<html> <head> <title>css设置文本样式</title> <style type="text/css"> </style> <link href="css样式.css" type="text/css" rel="stylesheet"> </head> <body>原创 2017-02-16 17:01:14 · 485 阅读 · 1 评论 -
第22节 html补充之meta标签
meta标签使用<html> <head> <!--标题标记 显示在网页的左上角--> <title>完善html结构</title> <!--元信息标记 没有结束标记 不显示在页面中，一般用来定义页面信息的名称、关键字、作者。 name的作用是描绘网页 以便于搜索引擎查找和分类 --> <meta name="keyn原创 2017-02-21 17:13:50 · 420 阅读 · 0 评论 -
第23节 html页面过渡效果
网页过渡效果首页<html> <head> <title>首页</title> </head> <body align=center> 欢迎来到首页！ <br/> <a href="第一页.html">第一页</a>   <a href="第二页.html">第二页</a> </body>原创 2017-02-22 10:01:16 · 4413 阅读 · 2 评论 -
第24节 div块的简单使用
div元素是用来为html文档内大块的内容提供结构和背景的元素。div的起始标签和结束标签之间的内容都是用来构成这个块的元素。其中包含元素的特性由标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制的。div.html<html> <head> <title>div(层块的使用)</title> <style type="text/css">原创 2017-03-20 11:02:30 · 478 阅读 · 0 评论 -
HTML5语法中3个要点
一.可以省略的标签的元素在HTML5中 ，有些元素可以省略标签，具体有以下3种情况。1.不允许写结束标签的元素有area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、soure、track、wbr。不允许写结束标记的元素是指不允许使用开始标记与结束标记将元素括起来的形式，只允许使用“”的形式进行书写。转载 2017-03-22 10:54:38 · 698 阅读 · 0 评论 -
第14节 html中嵌套框架iframe
frame和iframe的区别：1.framset标签与body标签属于同级标签，frame不许嵌套在frameset中才能显示。 2.frame的宽高有framset约束。 3.iframe可以独立存在。（可以在body中使用，也可以单独使用）。frame代码：<html> <head> <title>frame使用方法</title> </head>原创 2017-02-13 15:53:34 · 3391 阅读 · 0 评论 -
第13节 html框架间的链接跳转
主页代码：<html> <head> <title>主页</title> </head> <body> <h1 align= center><font color=red>主页</font></h1> <center><img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/stat原创 2017-02-13 11:02:50 · 1020 阅读 · 0 评论 -
第二节 html字体颜色
html字体代码：<html> <head> <title>字体颜色</title><!--网页标题--> </head> <body> <!--align 是对其方式属性--> <!--color 属于颜色属性--> <h1 align=center> <font color=green>世界奥运的颜色</font></h1><!--原创 2017-02-10 11:04:51 · 4392 阅读 · 0 评论 -
第一节 html文件的结构
html文件的结构网页的主体内容原创 2017-02-10 09:23:17 · 393 阅读 · 0 评论 -
第四节 html段落样式
段落样式代码 如下：<html> <head> <title>段落样式</title> </head> <body> <!--标题居中的两钟方式 使用center标签或者 使用align属性值为center--> <h1 align=center>段落的起源</h1> <center><h1>段落的起源</h1></center>原创 2017-02-10 11:14:31 · 975 阅读 · 0 评论 -
第五节 html文字列表
文字列表例如：<html> <head> <title>文字列表</title> </head> <body> <h2 align=center><font color=red>文字列表分为有序列表和无序列表</font></h2> <hr/> <h3>无序列表</h3> <!--ul是无序列表标原创 2017-02-10 11:20:53 · 655 阅读 · 0 评论 -
第六节 Html的标记属性
html标记属性例如：<html> <head> <title>html的标记属性</title> </head> <!--body标签中的text属性是设置body中所有字体的颜色 bgcolor是设置网页的背景颜色--> <body text="red" bgcolor="black"> <center><h1>标题一</h1></原创 2017-02-10 11:26:13 · 326 阅读 · 0 评论 -
第七节 Html字体样式
html字体样式<html> <head> <title>字体样式</title> </head> <body> <!--h1是标题1————h6是标题6--> <h1 align=center>字体样式</h1> <hr color=yellow></hr> <!--字体加粗--> <!原创 2017-02-10 11:46:41 · 2355 阅读 · 0 评论 -
第八节 html字体的大小和颜色
字体的大小和颜色例如：<html> <head> <title>字体的大小和颜色</title> </head> <body> <!--设置字体大小是必须在font标签中 才能有效--> <h1 align=center><font color="green" face="宋体" size="10"> 标题</font><i>1</i>原创 2017-02-10 11:50:44 · 750 阅读 · 0 评论 -
第九节 html特殊文字符号
特殊文字符号<html> <head> <title>特殊文字符号</title> </head> <body> <h3 align=center>特殊文字符号</h3> <!--<大于号 >小于号  空格符号 --> <p> 大于号：> <br/>原创 2017-02-10 14:04:18 · 674 阅读 · 0 评论 -
第十节 html网页中使用图片
html网页中使用图片例如：<html> <head> <title>网页中使用图像</title> </head> <body> <!--图像标签 img--> <h2>网页图片</h2> <img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/su原创 2017-02-10 14:46:11 · 323 阅读 · 0 评论 -
第11节 html文本建立超链接、跳转
代码块语法遵循标准markdown代码，例如：<html> <head> <title>使用文本建立超链接</title> </head> <body> <!--a是超链接标签 href是链接地址--> <a href="https://www.baidu.com/">百度 一下</a> <br/>原创 2017-02-10 15:06:33 · 1100 阅读 · 0 评论 -
第12节 html创建热点区域 链接
热点区域链接例如：<html> <head> <title>使用文本建立超链接</title> </head> <body> <!--内部特定目标跳转 将需要跳转的文字包起来--> <p>实现特定<a href="https://www.baidu.com/">目标</a>跳转</p> <!--实现图像超链接--原创 2017-02-10 16:28:33 · 10259 阅读 · 3 评论 -
网页style常用的属性
style="属性:值;属性:值" 属性 值overflow溢出控制：visible(默认、可见)，auto(自动),scroll(显示滚动条)width宽度： 100%height高度： 100%color字体颜色：原创 2017-03-20 11:45:38 · 3153 阅读 · 0 评论