HTML基础知识

对最近几天的学习做个总结~

本文主要介绍HTML基本结构标签。

1.1html基本结构



2.段落 

   <p>一个段落</p>

3.标题

   共六级:h1~h6(标题由大到小)

   <h1>标题</h1>

4.换行

   <br/>

5.列表

   ul 无序 ol 有序 li 列表项

6.定义列表

   定义说明一个术语,有dl,dt,dd组合。

   dl 定义列表

   dt 定义的标题

   dd 定义的解释项

7.排版标记



8.块与行元素

   块 div :可以包含 块,行,文本

   块元素标签:div p h1-h6 ul ol li dl dt dd 

   行元素 span:和其他行内元素在一行,可以包含其他行内元素和文本。

   行元素标签:span i em b strong u del sub sup big small img a

9.特殊符号

   &nbsp;空格

   &lt; <

   &gt; >

   &copy; ©

   &amp; &

10.注释与嵌套

   注释  <!--ctrl+/注释 -->

   标签是可以嵌套的;

   行内元素只能嵌套行内元素和文本;

   块元素可以嵌套文本、行内、 块;

   p元素和h元素通常只嵌套文本和行内。

11.属性

   属性是用来描述html标签的;

   每一个标签的属性并不完全相同;

   title id style 是每个标签都有的属性。

   title属性:鼠标的提示 <p title="鼠标的提示">

   style属性:元素的外观 <p style="color:; font-size:">

   class属性:元素的类名,可以重复 <p class="red big">

   id属性:元素的唯一识别,有且只有一个 <p id="myp">

12.不可见标签

   是在网页内容不可见,通常会放在标签里面。

   <meta charset="utf-8" /> 让网页不乱码

   <meta name="description" content="网页描述" />

   <meta name="keywords" content="网页关键字"/>

   style 样式 .red{ color: ;font-size: }

13.图片(img)

   <img src="图片地址 " alt="替换图片文字 ">

   src="./images/t.jpg" ./代码当前html所在的目录

14.超链接

   超链接让各个网页之间联系起来;href 属性值时链接的地址;target 打开目标 ;_blank 新标签中打开;_self当前标签打开。

   a.相对链接:相对于当前html文件的位置

                  ./开头 当前目录 (可以省略)

                  ../开头 上一级目录

                   文件夹或者文件名/ 开头 (省略一个./)

   b.绝对链接:http开头的链接

                      / 开头代表的是网站的根域名

15.锚点

   页面内容切换 <a id="ch01"></a> 

   链接锚点 <a href="#ch01">

16.iframe

   在一个网页中,引入其他网页

   <iframe src="地址" width="宽" height="高"></iframe>

   frameborder="0"框架边框

17.图片热点区域

   作用:形成不规则的链接区域;图片画形状,添加链接;建议,使用dreamweaver 绘制热点区域

   <img usemap="#Map"

   <map name="Map">

   <area shape="poly" coords="xxx" href="xxx" target="_blank">

18.table表格

   a.完整的表格

   <table>

       <thead></thead>

       <tbody></tbody>

       <tfoot></tfoot>

   </table>

   b.子元素  tr 行 td 列 th 标题列

   rowspan 行合并  colspan 列合并

   c.属性

   border 边框

   width 宽度

   align 对齐  (left right center)

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容