HTML知识总结

雨点打透心脏的1/2处 2022-09-21 11:56 201阅读 0赞

# 前言： #

对于HTML其实也不是第一次接触，第一次真正意义上的接触是在看C\#视频的时候，那时候觉得新鲜又新奇，感觉自己忘得差不多了然后就是在做牛腩新闻发布系统的时候又再次了解HTML（虽然老师没有讲概念和基础的东西），不得不说这次看HTML知识的视频时顺便把做牛腩新闻发布系统中不太理解的又整明白了点儿，知识的学习是一个不断重复却又不仅仅是简单重复的过程！

# HTML零碎知识总结： #

1.揭秘以前不知的www

以前输入网址www的时候都不明白这个WWW是什么意思,习惯了都忘了要追问是什么了！WWW，World Wide Web(万维网)的缩写。

2.HTML标签

HTML中的标签都是成对出现的，有开始标签必然有结束标签！

简单框架：

3.常用字符实体

<table style="text-align:center; font-size:18px"> 
 <tbody> 
 <tr> 
 <td style="background:#5B9BD5"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 字符 
 </blockquote> </td> 
 <td style="background:#5B9BD5"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 字符引用（十进制代码） 
 </blockquote> </td> 
 <td style="background:#5B9BD5"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 字符引用（十六进制代码） 
 </blockquote> </td> 
 <td style="background:#5B9BD5"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 实体引用 
 </blockquote> </td> 
 <td style="background:#5B9BD5"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 描述 
 </blockquote> </td> 
 </tr> 
 <tr> 
 <td style="background:#E7E6E6"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 “ 
 </blockquote> </td> 
 <td style="background:#E7E6E6"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#34; 
 </blockquote> </td> 
 <td style="background:#E7E6E6"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#x22; 
 </blockquote> </td> 
 <td style="background:#E7E6E6"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;quot 
 </blockquote> </td> 
 <td style="background:#E7E6E6"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 双引号 
 </blockquote> </td> 
 </tr> 
 <tr> 
 <td style="background:#A5A5A5"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp; 
 </blockquote> </td> 
 <td style="background:#A5A5A5"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#38; 
 </blockquote> </td> 
 <td style="background:#A5A5A5"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#x26; 
 </blockquote> </td> 
 <td style="background:#A5A5A5"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;amp 
 </blockquote> </td> 
 <td style="background:#A5A5A5"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 和号 
 </blockquote> </td> 
 </tr> 
 <tr> 
 <td style="background:#C45911"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &lt;&nbsp; 
 </blockquote> </td> 
 <td style="background:#C45911"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#60; 
 </blockquote> </td> 
 <td style="background:#C45911"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#x3c; 
 </blockquote> </td> 
 <td style="background:#C45911"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;It; 
 </blockquote> </td> 
 <td style="background:#C45911"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 小于号 
 </blockquote> </td> 
 </tr> 
 <tr> 
 <td style="background:#92D050"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &gt;&nbsp; 
 </blockquote> </td> 
 <td style="background:#92D050"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#62; 
 </blockquote> </td> 
 <td style="background:#92D050"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#x3e; 
 </blockquote> </td> 
 <td style="background:#92D050"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;gt; 
 </blockquote> </td> 
 <td style="background:#92D050"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 大于号 
 </blockquote> </td> 
 </tr> 
 <tr> 
 <td style="background:#00B050"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &nbsp; 
 </blockquote> </td> 
 <td style="background:#00B050"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#160; 
 </blockquote> </td> 
 <td style="background:#00B050"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#xa0; 
 </blockquote> </td> 
 <td style="background:#00B050"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;nbsp; 
 </blockquote> </td> 
 <td style="background:#00B050"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 不间断空格 
 </blockquote> </td> 
 </tr> 
 <tr> 
 <td style="background:#FFC000"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 © 
 </blockquote> </td> 
 <td style="background:#FFC000"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#169; 
 </blockquote> </td> 
 <td style="background:#FFC000"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#xa9; 
 </blockquote> </td> 
 <td style="background:#FFC000"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;copy; 
 </blockquote> </td> 
 <td style="background:#FFC000"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 版权符号 
 </blockquote> </td> 
 </tr> 
 <tr> 
 <td style="background:#7030A0"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 ® 
 </blockquote> </td> 
 <td style="background:#7030A0"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#174; 
 </blockquote> </td> 
 <td style="background:#7030A0"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;#xae; 
 </blockquote> </td> 
 <td style="background:#7030A0"> 
 <blockquote style="margin:0 0 0 40px; border:none; padding:0px"> 
 &amp;reg; 
 </blockquote> </td> 
 <td style="background:#7030A0"> 
 <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> 
 </tbody> 
</table>

4.HTML注释

5.表格表单

顾名思义表格就是<table>;

表单是使用<form>元素以及在期间嵌入的相关元素，就可以创建作为HTML文档一部分的表单，基本语法：

。。。

# 总结： #

这些零碎知识记是记不住的，实践的过程中才能够更好地认识并理解这些规则和概念！