吧
吧
图片标签:<img src=""/>
width 设置图片宽
height 设置图片高
高宽度只设置一个可保持图片等比例缩放不变形
title 提示文本——鼠标移上悬浮提示
alt 图片出错丢失给的提示
border 设置图片边框 不常用
有序列表:
<ol>
<li></li>
<li></li>
<li></li>
</ol>
无序列表:
<ul>
<li></li>
<li></li>
<li></li>
</ul>
清除默认序号:style="list-style:none;"
定义列表:
<dl>
<dt></dt>
<dd></dd>
</dl>
<caption></caption> 表格标题
rowspan=""竖向合并
colspan=""横向合并
border-collapse 设置合并表格边框
cellpadding="" 设置表格内容边距
bordercolor 边框颜色
登录注册窗口
<form action="" method=""></form>
单行文本框 <input type="text"/>
密码输入框 <input type="password"/>
提交输入框<input type="submit value="默认 显示文字"/>
按钮 <input tpye="button" value="默认显示文字"/>
按钮的另一种写法 <button></button>
个人资料窗口
还是form包住
<input type="radio" name="属性规定表单的名称"/> ——单选
<input type="checkbox"/>——复选多选
<input type="reset" value="默认显示文字"/>——复位
下拉选项卡
<select>
<option></option>
</select>
<textarea></textarea>文本域
<input type="file"/> 上传文件
css是写在</head>里面的
格式
<style type="text/css">
h2{font-size:30px;color:#36C;}
p{color:#36C;font-size:20px;}
</style>
文字三属性
font-size 字号
color 颜色
font-family 字体(中文字体要加双引号)
文本辅助属性
text-indent 首行缩进
line-height 行高
盒子标签
div 大盒子 可以做网页布局,非常的稳定。
span 小盒子 放一些小图片或者比较少的文字。
盒子实体化三属性
width 宽度
height 高度
background 背景
控制元素并列或不并列
div 块级元素
display:inline; 它就是把块级元素转换为行内元素
span 行内元素
display:block; 它就是把行内元素转换为块级元素
display:inline-block 行内块
<b>加粗标签.<h>是标题标签 逐级变小,双标签<p>是段落</p>结束,<title>是标题,单标签</br>定位分段换行 </hr>水平分割线线,<i>倾斜标签,<u>下划线标签,<s>删除标签,重点标签同上标签<strong>加粗<em>倾斜<ina>下滑线<del>删除。
<a href>制作跳转的目标,<a href="页面1.html">去页面1
target是否在新标签页打开链接。target="_blank"表示在这个新的标签页打开链接,blank表示空白。title是悬停的提示文本
浏览器内核:
Trident{IE内核}
IE浏览器,360早期浏览器(1.0-6.0),百度浏览器等等......
火狐Gecko(Firefox内核)
Wetbkit (safari内核,Chrome内核原型)
苹果公司自己的内核
Blin:是一个由谷歌和OPERA SOFTWARE开发的浏览器排版引擎
Chrome谷歌浏览器 Firefox火狐浏览器 高级浏览器 兼容性非常好
HTML 超文本标记语言
Hyeper Text Mrak-up-Language
<html>
<head>这里是文档的头部 </head>
<body> 这里是文档的主体</body>
</html>
代码大致框架
<html>
<head></head>
<body></body>
</html>
8tFHps___GSz3zP 07-锚点链接 / V10 网页电商代码
瞄点链接
<a hre="#down ">我想去下面看看</a>
<p id="down">快来这里看看</p >
<p id="top">我是顶部</p>
<a hre="#top">回到顶部<a>
Ctrl+alt+i 插入图片
推荐课程