DHTML【5】--HTML

简介:     今天将介绍HTML的一些零碎知识,当然这些也很重要了,下面就一一介绍,虽然零碎,但是你以后肯定都会用得上,本来学习就是一点点的积累吗。       1.Select标签     Select标签一般都是用在省市选择的下拉列表,方便用户操作,也减少了(天津与天津市)种种错误的存在,既然这么常见,那么怎么用呢?用就看代码呗,千万别在Dreamweaver里拖控件,你可以利用里面的代码提示功能,但是代码一定要自己写,否则Java程序员又要说你只会拖控件了,好了不说废话了,见下面代码。

    今天将介绍HTML的一些零碎知识,当然这些也很重要了,下面就一一介绍,虽然零碎,但是你以后肯定都会用得上,本来学习就是一点点的积累吗。

 

    1.Select标签

    Select标签一般都是用在省市选择的下拉列表,方便用户操作,也减少了(天津与天津市)种种错误的存在,既然这么常见,那么怎么用呢?用就看代码呗,千万别在Dreamweaver里拖控件,你可以利用里面的代码提示功能,但是代码一定要自己写,否则Java程序员又要说你只会拖控件了,好了不说废话了,见下面代码。

      例子:

       <selectname="Province" >

        <optionvalue="none">--选择省份--</option>

        <optionvalue="beijing">北京</option>

        <optionvalue="tianjin">天津</option>

        <optionvalue="Hebei">河北省</option>

        <optionvalue="Shandong">山东省</option>

        <optionvalue="Guangdong">广东省</option>

        <optionvalue="Taiwan">台湾省</option>

       </select>

    不要惊叹,原来HTML这家伙也能实现这功能,没错,他能做的还有很多,只有你想不到的没有他做不到的。

 

    2.Div与Span

    你可以看一下每个网站的源代码,几乎所有的网站源代码中都有这两个标签,有这两个标签,但是这两个标签是什么样子呢?我们看见过他吗?其实我们看得见他,只是我们忽略了他的存在,他们是布局用的标签。

     二者相同点:都是容器级标签,都可以放各种HTML标签元素,最后形成一个独立的小个体,标签内元素属于小个体。

     二者不同点:<div>是一个块级元素,包围的元素会自动换行,<span>是一个行级元素,包围的元素不会自动换行,另外<span>可以放入<div>,但是<div>不可以放入到<span>。

      布局是一个很深的学问,具体美不美,还要看设计师怎么设计了,布局设计经常和CSS结合使用,在这里就不过多的介绍了,如果想深入了解,可以自己买本书,深入研究一下,当然程序员重在怎么用,设计不是分内的事,应当把握一下深度和时间的安排上。

 

     3.常用小标签

       <hr/>绘制水平线

       <br/> 起到换行作用

       <a/> 超链接,重要属性href,其属性值是一个URL地址。

       <img/> 放图像,重要属性src,其属性值为URL地址,可以是本地路径。

       <textarea/>多行文本框

       <label>给各元素定义快捷键

       <pre/>将标签内的内容原样输出到浏览器,包括特殊字符。

 

    4.特殊字符

     特殊字符在HTML中有着特别的作用,为什么这么说呢,不用问,你先看,你在代码中用了很多空格,可是在浏览器中就是没有那么多空格,写了很多空格,却发现只有一个空格呢?嘿嘿,不用急,发现需求是最重要的,怎么解决那就好办了,有帮助文档,还有Dreamweaver的提示功能,你还怕什么做不到吗?下面就是一些常用的特殊字符,奉下。


HTML代码

浏览器中显示效果

HTML代码

浏览器中显示效果

&lt;

&gt;

&nbsp;

空格

&guot;

&amp;

&

&copy

 

       注意,别忘了后面的分号,没有分号是没有效果的。

 

       好了,HTML就到这里了,其他标签就不一一介绍了,以后介绍DHTML的后续内容都是以HTML为基础,所以HTML我们以后还会一直见面的,不是再见,而是明天见,好了HTML的介绍就到这里,下一节将介绍CSS,敬请期待。
目录
相关文章
|
移动开发 HTML5
|
3月前
|
数据格式
什么是HTML?
【8月更文挑战第27天】什么是HTML?
41 2
|
3月前
|
移动开发 HTML5
初识HTML5
【8月更文挑战第23天】初识HTML5。
43 3
|
4月前
|
移动开发 SEO HTML5
HTML4(一)
HTML4(一)
19 0
|
前端开发 C++ Windows
HTML详解连载(1)
HTML详解连载(1)
|
6月前
|
前端开发 程序员 开发者
8个你可能不知道的令人震惊的 HTML 技巧
8个你可能不知道的令人震惊的 HTML 技巧
|
算法 小程序
台球html游戏算法介绍
台球html游戏算法介绍
236 0
台球html游戏算法介绍
|
前端开发 JavaScript Java
HTML简识
本文主要介绍博主关于HTML的学习笔记。 HTML与我们之前学习的Java并不同,它并不能表达逻辑,而是只能表达“有哪些东西”的一种信息,所以其语法较为简单。 其语法格式是通过标签的样式来构成的,通过这一篇文章就可以基本掌握HTML的用法。
82 0
HTML简识
|
前端开发
HTML大总结(三)
HTML大总结(三)
98 0
HTML大总结(三)
|
XML 前端开发 JavaScript
html
在前端编程中,所谓的网页三剑客已经不能满足需求了,那前端开发究竟要学习什么技术呢?
114 0