【免费】HTML初步学习，笔记记录资源-CSDN下载

需积分: 0 22 浏览量更新于2023-07-18 收藏 482KB DOCX 举报

HTML初步学习笔记记录 HTML（Hyper Text Markup Language）是一种超文本标记语言，不是一种编程语言，而是一组标签，用于描绘整个网页的内容。 HTML标签通常是成对出现的，第一个标签是开始标签，第二个标签是结束标签。 1. HTML的基本概念 HTML是一种超文本标记语言，它不是一种编程语言，而是一组标签，用于描绘整个网页的内容。 HTML标签通常是成对出现的，第一个标签是开始标签，第二个标签是结束标签。 2. 标签的构成 HTML标签是由尖括号包围的关键词，比如<html>。 HTML标签通常是成对出现的，第一个标签是开始标签，第二个标签是结束标签。 3. 初始化项目在WebStorm软件中，可以右键点击项目名称，选择New HTML File，命名为“初始化HTML”。 4. 常用标签 ### 4.1 文本标题标签 HTML提供了6级文本标题，可以使用h1~h6标签进行定义内容。例如： ```html <html lang="en"> <head> <meta charset="UTF-8"> <title>标题标签</title> </head> <body>  <h1>h1文本内容</h1> <h2>h2文本内容</h2> <h3>h3文本内容</h3> <h4>h4文本内容</h4> <h5>h5文本内容</h5> <h6>h6文本内容</h6> </body> </html> ``` ### 4.2 段落标签 p标签是段落标签，如果文本不以p标签包括，则以文本原内容作为一行进行输出展示。可以借助pre标签进行展示编写的内容格式。例如： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>这里是网页的标题</title> </head> <body>  <hr/>  <p>枫桥夜泊</p> <p>月落乌啼霜满天,</p> <p>江枫渔火对愁眠。</p> <p>姑苏城外寒山寺,</p> <p>夜半钟声到客船。</p> </body> <pre> 月落乌啼霜满天, 江枫渔火对愁眠。姑苏城外寒山寺, 夜半钟声到客船。 </pre> </html> ``` ### 4.3 图片标签 img标签用于插入图片，具有四个属性：src、alt、width和height。例如： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>展示图片的网页</title> </head> <body>  <img src="imgs/hlw.jpg" alt="葫芦娃真好玩" width="410" height="525"> </body> </html> ``` 5. 网页注释 HTML页面的注释使用符号，注释内容只供程序员查看，不被浏览器执行。例如： ```html  ``` 6. 表格在HTML中，表格是由<table>标签定义的。一个表格由多行组成，每行由多个单元格组成。例如： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格</title> </head> <body>  <table> <tr> <th>列1</th> <th>列2</th> <th>列3</th> </tr> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr> </table> </body> </html> ``` 以上是HTML初步学习笔记记录的主要内容，涵盖了HTML的基本概念、标签的构成、初始化项目、常用标签、网页注释和表格等知识点。