DHTML【5】--HTML

待我称王封你为后i 2021-11-23 07:10 237阅读 0赞

今天将介绍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>是一个块级元素，包围的元素会自动换行，是一个行级元素，包围的元素不会自动换行，另外可以放入<div>，但是<div>不可以放入到。

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

3.常用小标签

<hr/>绘制水平线

起到换行作用

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

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

<textarea/>多行文本框

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

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

4.特殊字符

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

<table> 
 <tbody> 
 <tr> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 HTML代码 
 </blockquote> 
 </blockquote> </td> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 浏览器中显示效果 
 </blockquote> 
 </blockquote> </td> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 HTML代码 
 </blockquote> 
 </blockquote> </td> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 浏览器中显示效果 
 </blockquote> 
 </blockquote> </td> 
 </tr> 
 <tr> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;lt; 
 </blockquote> 
 </blockquote> </td> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &lt;&nbsp; 
 </blockquote> 
 </blockquote> </td> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;gt; 
 </blockquote> 
 </blockquote> </td> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &gt;&nbsp; 
 </blockquote> 
 </blockquote> </td> 
 </tr> 
 <tr> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;nbsp; 
 </blockquote> 
 </blockquote> </td> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 空格 
 </blockquote> 
 </blockquote> </td> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;guot; 
 </blockquote> 
 </blockquote> </td> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 “ 
 </blockquote> 
 </blockquote> </td> 
 </tr> 
 <tr> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;amp; 
 </blockquote> 
 </blockquote> </td> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp; 
 </blockquote> 
 </blockquote> </td> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;copy 
 </blockquote> 
 </blockquote> </td> 
 <td> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 <img src="https://img-blog.csdn.net/20130803223359109?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvamhxMDExMw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt=""> 
 </blockquote> 
 </blockquote> </td> 
 </tr> 
 </tbody> 
</table>

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

好了，HTML就到这里了，其他标签就不一一介绍了，以后介绍DHTML的后续内容都是以HTML为基础，所以HTML我们以后还会一直见面的，不是再见，而是明天见，好了HTML的介绍就到这里，下一节将介绍CSS，敬请期待。