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
|
4月前
|
前端开发 信息无障碍 开发者
HTML4(二)(上)
HTML4(二)(上)
56 0
|
4月前
|
数据采集 搜索推荐
HTML4(四)
HTML4(四)
27 0
|
存储 移动开发 前端开发
HTML 总结
HTML 总结
101 0
|
算法 小程序
台球html游戏算法介绍
台球html游戏算法介绍
230 0
台球html游戏算法介绍
|
Java 数据安全/隐私保护 C++
html的简单应用(二)
html的简单应用
210 0
|
Unix Windows
|
移动开发 HTML5
趣味小应用:用HTML5消磨时光
HTML5 渐入佳境,它强大的功能正被逐渐挖掘出来,各种实验性应用层出不穷,本文介绍几个由 Hakim El Hattab 设计的 HTML5 趣味小应用,它们非常有趣。当你体验完这几个小应用,会发现HTML5 比你想象的更强大。
1310 0
|
Web App开发 编解码 iOS开发
01.HTML5(视频)
你的浏览器不支持播放视频,扔了吧 属性解析: 屏幕快照 2018-03-06 上午11.07.47.png 当前,video 元素支持三种视频格式: 格式 IE Firefox Opera Chrome Safari Ogg No 3.
808 0

相关实验场景

更多