IT新手入门,零基础学IT,转行做IT,IT行业的职位选择,你我一同探讨!

IT新手入门网给你介绍IT行业的职位有哪些,让你转行做IT不发愁,IT入门有捷径

当前位置: 主页 > 技能提升 > 网络营销 > 网络营销之html快速入门学习(八)

网络营销之html快速入门学习(八)

时间:2017-01-15 09:51来源:原创 作者:恪己 点击:
图像标记:img src=图片路径地址 alt=描述文字 width=尺寸 / 超链接标记:a href=链接网址 target=_blank title=说明文字链接文字/a 单标记:单标记 属性A=值 属性B=值 / 双标记:头标记 属性A=值
图像标记:<img src="图片路径地址" alt="描述文字" width="尺寸" />
超链接标记:<a href="链接网址" target="_blank" title="说明文字">链接文字</a>
 
单标记:<单标记 属性A="值" 属性B="值" />
双标记:<头标记 属性A="值" 属性B="值">...</尾标记>
HTML的基本结构:
<html>
  <head>
     <title>网页标题</title>
  </head>
  <body>
     网页主体内容
  </body>
</html>
 
换行标记:<br />
 
水平线标记:<hr width="宽度" align="对齐" color="颜色值" />
●align="对齐方式":left;center;right;默认居中对齐;
●width="宽度":可以具体像素值(例600px),可以百分比(例50%);
 
段落标记:<p align="对齐方式">.....</p>
●段落默认是左对齐;
 
字体标记:<font size="大小" color="颜色">文字</font>
 
加粗标记:<b>文字</b>;<strong>文字</strong>;
斜体标记:<i>文字</i>;<em>文字</em>;
下划线标记:<u>文字</u>;
 
列表标记:
<ul>
<li>列表项</li>
<li>列表项</li>
<li>列表项</li>
</ul>
 
分级标题标记:<h1>文字</h1>;<h2>文字</h2>...<h6>文字</h6>
<h1 align="对齐方式">文字</h1> 
 
网页布局设计方式:
1.table表格:已被淘汰,网页打开速度慢,且不利于seo;
<table width="800" border="1">
      <tr>                     ——表格行标记开始
        <td>姓名</td>          ——单元格标记
        <td>年龄</td>          ——单元格标记
      </tr>                    ——表格行标记结束
      <tr>
        <td>张三</td>
        <td>18</td>
      </tr>
</table>
 
2.div+css:主流的网页布局代码;
①网页调用外部样式表文件,通过网页源文件<head></head>之间<link href="CSS文件路径" type="text/css">这句代码来调用外部CSS文件;
②选择器:
●id选择器:网页调用<div id="xxx">;CSS文件中 #xxx
●类选择器:网页调用<div class="xxx">;CSS文件中 .xxx
网络营销学习课程中涉及到简单的代码学习
 
背景定义:
background:颜色值;
background:url(背景图路径地址) 重复方式;
    no-repeat;  不重复
    repeat-x; 水平方向重复
    repeat-y; 竖直方向重复
 
字体颜色定义:
color:颜色值;
 
字体大小定义:
font-size:大小值; 
 
DEDECMS网页模板文件:/templets/default/ ——默认的模板
首页模板:index.htm
频道封面模板(默认普通文章模型):index_article.htm
最终列表模板(默认普通文章模型):list_article.htm
内容页模板(默认普通文章模型):article_article.htm
头部模板:head.htm
底部模板:footer.htm


     

------分隔线----------------------------
栏目列表
推荐内容