网页代码 录播

刘辉. 00.软件安装 / V10 网页电商代码

  

江宁黄正浩 05.标签转换 / V10 网页电商代码

盒子标签

div  大盒子 可以做网页布局，非常的稳定。

span 小盒子 放一些小图片或者比较少的文字。

盒子实体化三属性

width 宽度

height 高度

background 背景

控制元素并列或不并列

div 块级元素

display:inline; 它就是把块级元素转换为行内元素

span 行内元素

display:block; 它就是把行内元素转换为块级元素

display:inline-block 行内块

江宁黄正浩 04.CSS基础属性 / V10 网页电商代码

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 行高

 

江宁黄正浩 03.基础表单 / V10 网页电商代码

<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"/> 上传文件

 

 

 

江宁黄正浩 02-表格 / V10 网页电商代码

align="center"：居中

style="border-collapse:collapse"边框塌陷

td可以换成th表示加粗

江宁黄正浩 01.列表 / V10 网页电商代码

有序列表：

<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>

江宁黄正浩 09.综合案例 / V10 网页电商代码

图片标签：<img src=""/>

width 设置图片宽

height 设置图片高

高宽度只设置一个可保持图片等比例缩放不变形

title 提示文本——鼠标移上悬浮提示

alt 图片出错丢失给的提示

border 设置图片边框 不常用

江宁黄正浩 06.超链接 / V10 网页电商代码

超链接：<a href>

在链接后面后缀target="_blank"表示在新的标签页打开链接

在链接后面后缀title=“xxxx”表示悬停提示文本

江宁黄正浩 05-html基础标签 / V10 网页电商代码

标题标签：默认文字加粗，独占一行。逐级文字减小：<h1></h1>……<h6></h6>

段落标签：默认独占一行，段落与段落之间会有间隙。：<p></p>

换行标签：快捷键shitf+enter：<br/>

水平分割线：<hr/>

文本修饰类标签

加粗标签：<strong></strong>

倾斜标签：<em></em>

下划线标签：<ins></ins>

中线标签：<del></del>

电脑会认为以上四个标签是重点语气标签（搜索引擎）

加粗标签：<b></b>

倾斜标签：<i></i>

下划线标签：<u></u>

中线标签：<s></s>

下标签：

上标签：

 

 

周尧 04.浮动综合案例布局 / V10 网页电商代码

  

段伟 05-html基础标签 / V10 网页电商代码

李旭12 02-表格 / V10 网页电商代码

<ol>有序列表

<li>

</ol>

<ul>无序列表

<li>

</ul>

<table>表格

<th></th>标题栏

<tr></tr>行

<td></td>列

</table>

李秋鑫 06.超链接 / V10 网页电商代码

<a href>制作跳转的目标，<a href="页面1.html">去页面1

target是否在新标签页打开链接。target="_blank"表示在这个新的标签页打开链接，blank表示空白。title是悬停的提示文本

李秋鑫 05-html基础标签 / V10 网页电商代码

<b>加粗标签.<h>是标题标签 逐级变小，双标签<p>是段落</p>结束，<title>是标题，单标签</br>定位分段换行   </hr>水平分割线线，<i>倾斜标签，<u>下划线标签，<s>删除标签，重点标签同上标签<strong>加粗<em>倾斜<ina>下滑线<del>删除。

陈伟明学员 02.浏览器介绍 / V10 网页电商代码

前端标准

制作网站的技术，我们叫web技术，又叫web前端标准。

html（网页结构）

CSS（网页外观）

JS（javascript）网页的行为特效

张玲. 05-html基础标签 / V10 网页电商代码

吧 ​​

张玲. 01.上网的原理（有素材下载） / V10 网页电商代码

张玲. 00.软件安装 / V10 网页电商代码

8tFHps___GSz3zP 01.认识三大流派_edit / V10 网页电商代码

块级  div  p  h ul  li  dl dd dt

行内级  span a b i u em stron 

行内级-块级 display:block.  

块级-行内级  diaplay:inline-block;

块级-行内   display:inline; 

  

 

8tFHps___GSz3zP 05.初识盒模型 / V10 网页电商代码

margin    padding   border content