HTML基本操作

HTML——Hyper Text Markup Language
<html>,<head>,<body>
一、基本标签:
(一)格式标签:——模型:word工具栏
<font color="" size="" face="">,<b>,<i>,<u>,<center>,<br>

(二)内容容器:——模型:腾讯新闻页面
<h1>...<h6>,<p>,<div>,<span>,<ul>,<ol>,<li>

二、常用标签:
(一)图像:<img src="" width="" height="" alt="" />
(二)超链接:<a href="">文本</a>  <a name="">内容</a>
(三)图片链接:<a><img/></a>

三、表格
<table><tr><td>
(一)、<table>
    属性:width,border,cellpadding,cellspacing,bgcolor,align
(二)、<tr>
    属性:height,bgcolor,align,valign
(三)、<td>
    属性:width,height,colspan,rowspan,bgcolor,align,valign

四、表单
<form id="" name="" action="" method=""></form>
所有表单元素都具有的属性:
id,name,disabled

(一)、文本类:
1.单行文本:<input id="" name="" type="text" value="" size="宽度(字符数)"/>
2.多行文本:<textarea id="" name="" rows="高(行数)" cols="宽(字符数)">内容</textarea>
3.密码:<input id="" name="" type="password" value="" size="宽度(字符数)"/>
4.隐藏域:<input id="" name="" type="hidden" value="" size="宽度(字符数)"/>
(二)、按钮类:
1.普通按钮:<input id="" name="" type="button" value="按钮上的文字" />
2.提交按钮:<input id="" name="" type="submit" value="按钮上的文字" />
3.重置按钮:<input id="" name="" type="reset" value="按钮上的文字" />
4.图像按钮:<input id="" name="" type="image" src="图像路径" width="" height="" />
(三)、选择类:
1.单选

<input id="" name="组名" type="radio" value="运算的值" checked="checked"/>
2.复选
<input id="" name="组名" type="checkbox" value="运算的值" checked="checked"/>
3.列表
    下拉列表:
    <select id="" name="">
      <option value="1">送餐</option>
      <option value="2">取餐</option>
      <option value="3">订餐</option>
      <option value="4">进餐</option>
    </select>
    列表:
    <select id="" name="" size="大于1的数字" multiple="multiple">
      <option value="1">送餐</option>
      <option value="2">取餐</option>
      <option value="3">订餐</option>
      <option value="4">进餐</option>
    </select>
4.文件
<input id="" name="" type="file"/>

五、框架
(一)frameset
frameset主要用来分隔浏览器窗口,它所在的页面是用<frameset></frameset>来替换<body></body>
属性:
    rows="100,*,100"
    cols="100,*"
    frameborder="no"
子元素:
    <frame name="名称" src="页面的路径" noresize="noresize" scrolling="yes|no|auto"/>

(二)iframe

它是嵌入在body里面的。

<iframe width="300" height="400"frameborder="0" scrolling="no"src="Untitled-3.html"></iframe>

例题做一个注册页面:

技术分享

技术分享

技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。