黑马程序员——HTML基础

---------------------- Windows Phone 7手机开发.Net培训、期待与您交流! ----------------------

HTML结构:
1.所有内容都在<html></html>标签之内;<head></head>内放的是头部信息,是对页面的描述,
  不会直接显示在页面中,<head>内的<title>中设置的是页面的标题,<title>只能放在<head>中;
  <body>是页面的主体,大部分显示内容都定义在这里。

2.所有页面都应该至少包含这些部分,由于浏览器容错性强,所以即使不包含也能正常显示,
  但是最好还是写完全了.


文字格式:
1.h标签,HTML定义了<h1></h1>到<h6></h6>六个h标签,分别表示不同大小的字体.
2.<br>只是回车,<p>是分段。<p>前后会有比较大的空白,而<br>则没有.
3.<center>要居中的内容</center>居中显示.
4.<b>a</b>粗体.<i>b</i>斜体.
5.<font></font>字体标签,<font color="red">红色</font> 
  <font size="30" color="red">红色</font>   color  size(字体大小)  face(字体)
6.特殊字符:HTML中<、>是有特殊含义的、空格是不会被显示的(输入一个带空格的字符串看看),
  所以需要特殊符号,相当于C#中的'\n'转义符。&lt;(小于号,less than);
  &gt;(大于号,greater than);&nbsp;(空格,no-break space)
7.<hr>水平线.       <hr>  color(颜色)  size(厚度)  width(宽度)  align(位置)=left(左边),center(中间),right(右边)
8.<pre> 预格式化  保持本色.在<pre>中写的内容,你怎么写的就怎么显示

颜色体系:
  body标签的bgcolor属性可以设定网页的背景颜色,<body bgcolor="#006699">.
  #006699这就是HTML中表示颜色的方式,每两个是一组,三组分别就表示R、G、B的值,
  是16进制表示。
  可以使用VS内置的颜色选择对话框生成RGB值,
  也可以用取色器(比如DebugBar内置的取色器:打开IE,打开DebugBar工具栏,点击吸管图标);
  HTML还预定义了一些颜色:red、black、white等,比如bgcolor="black"

URL:超链接
   1.URL表示资源在网络的地址,比如:http://127.0.0.1/a.htm
   2.超级链接:<a href="http://www.baidu.com">百度网</a>.

   3.<a>中还可以嵌套图片,这样就是点击图片打开连接<a href=
     "http://www.baidu.com"><img src="图片地址"></a>
   4.相对URL:相对URL表示相对于当前文档的资源, "/"表示网站根目录,
    
    "../"表示父目录,"../../"表示父目录的父目录,"./"或者不写任何
    
     斜线表示相对于当前路径下的目录.站内引用最好用相对URL,这样域名改变了、
  
     目录改变了都不受影响.


    5.将<a>的target属性设定为"_blank"就可以在新窗口中打开超链接.国内网站
      很多都是默认在新窗口打开.

    6. 锚记:用name属性为<a>起名字:<a name="last"> 这里是最后</a>.
 
       这样可以通过<a href="#last">转到平台</a>来跳转到超链接的部分


图片:
     1.<img src="a.jpg"/>注意图片是乱接的,不是插入的,所以如果src指向
       的文件不存在了,就看不了拉.alt属性为图片无法显示时的显示文本,
       鼠标方式去也会有悬浮提示"点击查看大图";border属性指定边框,border
       ="0"不显示边框;width、height属性指定图片显示的大小,如果不指定则是
      图片的原始大小

     最好指定width、height,那怕是原始尺寸大小,因为如果不指定大小,图片会不占位置

     ,图片下载后才调整大小,会造成页面很乱,如果指定了大小哪怕图片没有加载完成
 
      ,也会先把位置占上.


列表、表格

  1.无序列表: <UL>  
                  <li>灌水区</li>
                  <li>版务区</li>
                  <li>原创贴图</li>
              </UL>

    IL(unordered list)

   列表属性:Type=disc(实心圆)  circle(空心圆) square(正方形)
  2.有序列表:<ol></ol>用的很少.ordered list


  列表属性:Type=1  a  A

  3.表格:<table></table>为表格,在内部通过<tr>创建行,<tr>内部
    通过<td>创建单元格。可以将table的border属性设为0px来隐藏表格线

        1)填充间距Cellpadding(内容和表格边线之间的距离)
          cellspacing(单元格之间的距离)
 
        2)<tr>的属性:align 水平对齐 可选值left、right、center;
           valign 垂直对齐,可选值top、middle、bottom。

        3)<td>也有align和valign.<tr align="right"><td>tom</td><td
           align="left">20</td><td>男</td></tr>;子标签默认继承父标签的属性
           ,如果自己单独指定了属性,则会覆盖父标签的属性.

        4)还可以用rowspan(合并行:rowspan="输入合并几个行")、colspan(合并列:colspan="输入合并几个列")


表单:
1.网站表单与填表

2.<form>标签为表单标签。如果要把数据提交到服务器,则需要将<input>、
  <textarea>、<select>等表单元素放到form中。

3.<input>是主要的表单元素,type的可选值:submit(提交按钮)、
  button(普通按钮)、checkbox(复选框)、file(文件选择框)、
  hidden(隐藏字段)、image(图片按钮)、password(密码框)、
   radio(单选按钮)、reset(重置按钮)、text(文本框)。
   <input type="file" />          

---------------------- Windows Phone 7手机开发.Net培训、期待与您交流! ----------------------详细请查看: http://edu.csdn.net/heima/
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值