.Net学习日记——HTML总结

最新推荐文章于 2024-08-05 17:20:59 发布

Mr_Zed__

最新推荐文章于 2024-08-05 17:20:59 发布

阅读量567

点赞数

文章标签： html input iframe action 搜索引擎 button

本文链接：https://blog.csdn.net/gao490/article/details/7785474

版权

.Net学习日记——HTML总结

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

1.Html总体的基本结构

<html>

<head>

<title>网页的标题</title>

</head>

<body>

在网页中要显示的内容

</body>

</html>

2.XHTML的文档内容

1.正文的标题

<h1>正文的标题</h1>，h1到h6标题重要性和大小都逐次减小

2.定义段落

<p>元素内容</p>，段落能自动换行

3.应用文本

<blockquote>应用的内容</blockquote>

4.定义列表

分有序列表<ol>无序列表<ul>定义列表<dl>

<ol> 和<ul>元素内容时，会用<li>

<dl>要用到<dt>、<dd>，其中<dd>是对<dt>的解释和描述

5.预编排文本

<pre>元素内容</pre>，网页显示是会按照元素内容的排版显示

6．分区块文本

<div></ div>用于成组的段落和整个页面和css一起用于页面布局

7.特殊字符

  空格

® 以注册符号

8.超链接

1>直接连接到网址，<a href=”http://www.baidu.com”>百度</a>

2>连接自己在本地其他文件，直接连接；<a href=”直接路径和文件”>元素内容</a>

间接连接：<a href=”间接路径和文件”> 元素内容</a>

间接路径中，/表示在更目录中，./ 在当前目录中，../表示在父目录中

3>锚点

用到 name 属性，确定锚点，用name对锚点命名，命名只能有英文和数字，确定url，在url后加上#锚点名

4><a>的其他属性

Title 文本的工具提示，accesskey 超链接快捷键设置 tabindex tab次序设置

9.网页中显示图片

Alt 在图片能显示时，能对图片说明，不能显示时，会显示此文字，搜索引擎搜索时也是利于alt内容进行抓取的

Img 是空标记，不需要和其他元素一样需要结束标记，<hr />和不作单、复选框的<input / >也是空标记

10.多媒体插入

Object元素，其中flash的后缀是.swf

11.表格插入

Table元素，如需要改写单元格的字体大小，可以把相对应的tr该为th

注意的是，如需单元格空，就要以&nbsp；来占据

12.网页中插入其他网页

Iframe元素，

直接插入其他网页

iframe src="http://www.baidu.com" scrolling="auto" width="300" height="150" frameborder="1"></iframe>

其中，src 是连接到得路径。scrolling 有滚动条，auto表示自动，yes表示有，no没有。

如需打开网页时在框内打开，需用name 属性

<a href="http://www.baidu.com" target="s">baidu</a>

Target如果取值是”_blank”就会在新网页中打开

3.创建表单

1>表单的基本结构

<form action="#" method="post" id="myform" name="myform" >元素内容</form> action 指提交到的路径，method 是http协议，post较get更安全，一般我们采用post

Name 在页面内可以重复，id 同一页面内取值只能唯一

2> 输入控件

1）文本框

是<input type="text" input name=”q” id=”w” />的type属性取值"text"，

其他的maxlength属性是限制文本框内输入的字符长度，size是文本框的长度，value是文本框内可见得内容

2）口令输入框

与文本框不同的是，type 的取值是password，value在这没意义，即使用了也不能看到文字信息

3）复选和单选框

在复选和单选框中，input 不在是空标记，要有相对应得结束标记

单选时，type的取值是radio，复选时type的取值是checkbox，如需默认就要用到input的checked=”chevked”属性

单选时，要用name属性将单选的对象联系起来

例如；

< input type="radio" name="xb" id="v" >女</input >

< input type="radio" name="xb" id="n" > 男</input >

4）隐藏字段

要将 input中的type 属性取值为hidden

5)文件上传控件

在<form>的enctype属性为form/multipart,以允许要上传的文件与其他数据附带在一起

要将 input中的type 属性取值为file

6)下拉列表

用到两个元素，单个< select>和多个<option>，如需要多选，在< select>添加multiple="multiple"属性

7）多行文本

使用textarea 元素，rows控件的高度，cols是控件的宽度

8）提交和重置按钮

提交是将 input中的type 属性取值为 submit，重置是将input中的type 属性取值为reset。value的取值可以在按钮上显示

同样我们可以用图片按钮，将input中的type 属性取值为 image，并用src制定图片的位置，如提交，设置其value为submit，如完成重置，其value为reset，alt对图片说明，或者在图片不能正常显示是，显示文字

9）命令按钮

将 input中的type 属性取值为button, 设置value为浏览器上显示的标题

3>其他表单元素和属性

1） lable

例如；<label for="q">姓名:</label><input type="text" id="q" maxlength="16" value="输入姓名" size="18" />，for的取值是到相关标记的id

2) fiedset和legend

Legend要放在fiedset内部，是在盒子上加上一个标题

例如；

<form>

<p>

</p>

</fieldset>

</form>

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

详细请查看：http://net.itheima.com/

Mr_Zed__

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
.Net学习日记——HTML总结

.Net学习日记——HTML总结----------------------Windows Phone 7手机开发、Net培训、期待与您交流！ ----------------------1.Html总体的基本结构&lt;html&gt;&lt;head&gt;&lt;title&gt;网页的标题&lt;/title&gt;&lt;/head&gt;&lt;bod...
复制链接

扫一扫