程序博客网 > 凡科建站能做seo吗

6.28(HTML)

来源：互联网 发布：凡科建站能做seo吗 编辑：程序博客网 时间：2024/05/18 00:38

（1）HTML基本格式

<!DOCTYPE html><!--注释解释文本信息-->
<html>
<head><!--不会显示在页面中-->
  <meta charset="UTF-8">
  <title>hello</title>
  <!--<link rel="stylesheet" type="text/css" href="mystyle.css">-->

  <style type="text/css">

body{

 background-color: pink;
}
  </style>
</head>
<body bgcolor="#ffcc00">

<a href="#yy">goto</a>
hello world!</br>你好世界雷好啊!!!

 <p style="background-color:blue",width:20px>hahahahahahahahah</p>
 <h1 align="right">hahahahahahahahah</h1>
 <h2>hahahahahahahahah</h2>
 <h3>hahahahahahahahah</h3>
 <h4>hahahahahahahahah</h4>
 <h5>hahahahahahahahah</h5>
你好!

    <a href="http://www.baidu.com">duangduang</a>
    <a target=_blank href="http://www.baidu.com">
    <img src="C:\Documents and Settings\Administrator\桌面\46546465.bmp" alt="hh"><br/>

 

 2.HTML列表

 

 &nbsp 静夜思<br/>
<b>窗前明月光</b><br/>
<small>疑是地上霜</small><br/>
<strong>举头望明月</strong><br/>
<del>低头思故乡</del><br/>

 

有序列表：
<ol type="I">
<li>c</li>
<li>c++</li>
<li>java</li>
<li>html</li>

 

无序列表：

</ol>
<ul type="square">
<li>c</li>
<li>c++</li>
<li>java</li>
<li>html</li>

</ul>

 

自定义列表：

<dl>
 <dt>水果
   <dd>java</dd>
  
   <dd> web</dd>
 
</dt>

 <dt>设计
   <dd>HEML</dd>
  
   <dd>ANDROID</dd>
 
</dt>

</dl>

 

嵌套列表：

<ol type="I">
<li>水果
<ul type="desc">
<li>apple</li>
<li>c++</li>
<li>java</li>
<li>html</li>

</ul>


</li>
<li>蔬菜</li>

<ul type="square">
<li>c</li>
<li>c++</li>
<li>java</li>
<li>html</li>

</ul>
</ol>

 

<p id="yy"name="a1"> hfgfdgfdgfdgfdsg </p>

3.【知识点】HTML链接

外部链接：<a></a>

内部链接：（name,Id）

ID用法代码如下：<a href="#yy">goto</a>

<p id="yy"name="a1"> hfgfdgfdgfdgfdsg </p>

 

<!-点击goto跳转下处内容      -à

 

name:用法http://www.360doc.com/content/14/0502/18/14075153_374005138.shtml

 

 （4）合并表

<table border="3"width:"300"   style="background-color:green" cellspacing="1"
cellpadding="25">
  <caption>weather</caption>
  <tr >
    <td colspan=3><center>123</center></td>
    

  </tr>

<tr >
    <td>4</td>
     <td rowspan=2>58</td>
 <td>6</td>
   
  </tr>

 

  <tr>
    <td>7</td>
    
     <td>9</td>

   
  </tr>
 
 
</table >

 

 

 <table width="200" height="100" cellspacing="5" cellpadding="3" style="background-color:pink" border="1" bordercolor=black>
   <caption><center>1234</center></caption>
   <!--<th><center>11223344</center></th>-->
   <tr>
    <td>111</td>
    <td>222</td>
    <td rowspan=2>&nbsp;</td>
   </tr>
   <tr>
    <td valign="bottom">333</td>
    <td valign="bottom">444</td>
   </tr>
  </table>

 （5）设计表

 

 

 

无序表：属性：Disc 空心圆 circle 实心圆 square 矩形

 

有序表：属性：查书。

 

实践：有序表和无序表的嵌套。

<!--colspan是列合并，rowspan是行合并。

  cellspacing:单元格之间的距离也就是边框的厚度。

 

Cellpadding:字与边框的距离为5像素。

 

设置表格背景颜色：style="background-color:red"

 

 

（6）引入CSS样式表：1.新建文件CSS

2.编写代码：body{

 

background-color:pink;

 

 

}

 

1. 在title后引入

 

<link rel="stylesheet" type="text/css" href="mystyle.css">

 

 

2. 页面刷新，即可看到新添加的样式。

 

 

<!--div相当一个容器-->
<!--
<div style="width:100px; heigth:100px; background-color:red border:1">

<div style="width:90px; heigth:90px; background-color:red border:1">

<tablewidth="50" height="50" cellspacing="5" cellpadding="3" style="background-color:pink" border="1" bordercolor=black>

<caption><center>1234</center></caption>-->
   <!--<th><center>11223344</center></th>-->
   <!--<tr>
    <td>111</td>
    <td>222</td>
    <td rowspan=2>&nbsp;</td>
   </tr>
   

</table>

</div>

 

</div>-->

 

 


</body>

</html>

0 0
凡科建站能做seo吗 凡科建站能做seo吗
原创粉丝点击
热门IT博客
java构造函数执行顺序java构造函数执行顺序
云计算教程云计算教程
农村淘宝佣金怎么算
2015年双11淘宝交易额
跟我学seo从入门到精通
网络黄金为什么没上市
吉林快3遗漏数据分析
金庸群侠传人物数据
小米三可以刷4g网络吗
淘宝店铺实战宝典
有赞微商城和微店 知乎
域名购买骗局
美容美发店软件
c语言逆序输出数字
期货手机模拟软件
介绍几个源码论坛
淘宝店铺资料填写
蔡澜的花花世界 淘宝
奢侈品 中国原单 知乎
linux查看卡死进程命令
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 各地糕点名 长沙糕点 古代糕点 糕点种类 特色糕点 点心糕点 糕点做法 糕点大全 自制糕点 糕点的做法 糕点学习 糕点批发 中国糕点 小糕点图片 小糕点 怎样做糕点 北京 糕点 饼干糕点 有什么糕点 糕点厂家 糕点供应商 糕点有哪些 糕点加工 稻花香 糕点 陕西糕点 糕点教学 山西糕点 老北京糕点 糕点分类 糕点原料 高级糕点 法式糕点 万千糕点 著名糕点 简单糕点做法大全 南京特产糕点 创意糕点部食谱大全 创意糕点部食谱大全详细 中国传统糕点 北京稻香村糕点 穿回古代做糕点

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里