首页 > 代码库 > 2014-12-25 网页基础，html。

2014-12-25 网页基础，html。

2024-08-09 21:08:02   217人阅读

 html：超文本标记语言

css：控制html的样式

javascript：结合在网页的基础上，把网页作为界面，对网页的内容进行设置。（脚本语言）

 

html语言中基础代码含义：

<!--注释，网页全部由标签嵌套组成--><html xmlns="http://www.w3.org/1999/xhtml"><head>  <!--网页的开始标记，放控制信息、标题、描述、编码方式等-->  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <!--网页的编码方式（默认为utf-8）--><title>此处显示标题</title>   <!--网页的标题--></head> 
  <!--body 中放的是整个网页的内容--><body bgcolor="#990000" text="#FF0000" topmargin="200" 
background="图片路径" style=" ">                        <!--bgcolor：网页颜色，text：文字颜色-->
                                                        <!--topmargin：网页内容距离顶端的距离，leftmargin：左间距，bottommargin：下间距-->
   Hello world!                                                       <!--background：设置背景图片，图片路径以html文件所在位置
                                                                为基准， ../为翻往上一个文件夹-->

                                                        <!--style：样式，可以抽取出来，写成css样式-->




</body></html>

 

一些常用标签：

<font color="#00FFCC" face="宋体" size="+6">  </font>    <!--face:字体，size：大小-->
<b>加粗</b>
<i>倾斜</i>
<u>下划线</u>
<p> 建一段新的段落 </p>
<center>  居中 </center>
<h1>标题一，加粗，字号最大</h1>
<h2>标题二，加粗，字号比标题一小</h2>
<h6>标题六，字号最小</h6> 

 

无序列表：技术分享

              <ul>            
              <li>内容一</li>
              <li>内容二</li>
              <li>内容三</li>
              <li>内容四</li>      
              </ul>

有序列表：技术分享

              <ol> 
              <li>内容一</li>
              <li>内容二</li>
              <li>内容三</li>
              <li>内容四</li>
              </ol>、

 

 超链接和锚点：

<a href="http://www.baidu.com">超链接名字</a>
<a href="http://www.baidu.com" target="_blank">超链接名字</a>   新打开一个页面打开超链接
<a href="http://www.baidu.com" target="_self">超链接名字</a>   覆盖本页面打开超链接

在标题处增加超链接，链接为#+锚点名  <a href="http://www.mamicode.com/#maodianming">要链接到的名字</a>
<a>要链接到的名字</a>

<img src="http://www.mamicode.com/图片的连接" width="300" height="200" alt="鼠标放上后显示的文字"/>
若要把图片做成超链接，用超链接格式把图片格式包起来即可，例：
<a href="http://www.baidu.com">  <img src="http://www.mamicode.com/图片的连接" width="300" height="200" alt="鼠标放上后显示的文字"/> </a>

背景音乐：<bgsound src=http://www.mamicode.com/gaoshan.mp3 loop=-1>

 

插入表格：

 1 <table width="200" border="1" cellspacing="1" cellpadding="3" align="center"> 
    <!--width：宽，border：像素，cellspacing：间距，cellpadding：边距，aligh：对齐方式--> 2   <tr> 3     <td colspan="2">内容内容</td>  <!--跨两列，colspan--> 4     <td>内容</td> 5   </tr> 6   <tr> 7     <td rowspan="2">内容内容</td>  <!--跨两行，rowspan--> 8     <td>内容</td> 9     <td>内容</td>10   </tr>11   <tr>12     <td>内容</td>13     <td>内容</td>14   </tr>15 </table>

2014-12-25 网页基础，html。


联系
我们