论坛首页 入门技术论坛

HTML/JAVASCRIPT辅导(1--1)

浏览 1162 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-12-04  

一、HTML
1、超级文本标记语言 (Hyper Text Marker Language)                             
2、由一组固定的标签组成
3、浏览器是一个工具,默认能打开的文件名为“.html”、“.htm”
4、<h1 align="center">Hello</h1>
   <hr>
   HTML本身并不要求必须是合法的 ,也不要求必须格式良好
   所以没有跟标记,<hr>没有结束标签,浏览器也能解析
  
二、Web简述
1、Internet提供的服务
   telnet   远程登录  
   email    电子邮件
   www      万维网
   bbs      电子公告牌
   ftp      文件传输
2、Internet的协议
   传输控制协议 TCP/IP协议
3、HTML工作在HTTP协议下  
   HTTP 超文本传输协议    此连接是一种一次性连接,每次连接只处理一个请求,是无状态协议
   URL  http://192.168.0.20
        协议   服务器ip地址,默认端口80 
       
三、HTML的主体
1、必须有个唯一的跟标记<html></html>
2、整个文档分为2部分 <head></head>  <body></body>
<html>
  <head>
     <title>My First HTML</title>
  </head>
  <body>
     <h1 align="center">Hello</h1>
     <hr>
  </body>      
</html>

四、常用标签
<html>
  <head>
     <title>My First HTML</title>
  </head>
  <body bgcolor="#fffff">
     <h1 align="center">Hello</h1>   --  最大的字体
     <hr>
     <center>
      <h2>Hello</h2>
      <hr>
      <h3>Hello</h3>
      <hr>
      <h4>Hello</h4>
      <hr>
      <h5>Hello</h5>
      <hr>
      <h6>Hello</h6>
      <hr>
     </center>
    
  </body>      
</html>

<!--     -->  表示注释
浏览器并不认识文本中的回车、换行、空格
HTML中用<br>表示换行(break row)
        <p> 表示段落,换行+空行(paragraph)
        &nbsp;表示一个空格
        &lt;表示小于号
        &gt;表示大于号
       

有序列表       
<ol>
<li>basic</li>
<li>association</li>
<li>inheritance</li>
</ol>       
显示的结果:
1、basic
2、association
3、inheritance


无序列表
<ul>
<li>basic</li>
<li>association</li>
<li>inheritance</li>
</ul>


定义列表
<dl>
<dt>basic</dt>
<dd>association</dd>
</dl>
</ul>


指定字体颜色
<font color="red"></font>
<b>粗体
<em>斜体

<div></div>限制一组标签,圈定一个区域
<span></span> 限制一个文本内容


<table border="1" align="center" width="300" height="400">  -- 一个表格的开始,设置表格长、宽的时候,可以用像素,也可用百分比设置
<tr>    -- 表格中一行的开始
  <td>1</td>  --  一列的开始 <th></th>标签表示题头,其中的文本默认加粗,一般作为表头使用
  <td colspan="2">2&3</td>  --合并单元格,合并两列colspan,合并两行rowspan
</tr>
<tr>   
  <td align="center">4</td>   -- 横向居中
  <td align="left">5</td>     -- 横向左对齐
  <td align="right">6</td>    -- 横向右对齐
</tr>
<tr>  
  <td valign="top">7</td>     -- 纵向对齐方式
  <td valign="middle">8</td>
  <td valign="bottom">&nbsp;</td> 
  --空白的单元格要用空格替代,避免破坏表格的外观
</tr>
</table>

 

论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics