【HTML】入门第1讲-天涯论坛 - Powered by Discuz! Archiver

wloe2gf 发表于 2024-6-29 12:43:50

【HTML】入门第1讲

<h2 style="color: black; text-align: left; margin-bottom: 10px;">html入门<span style="color: black;">第1</span>讲</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本节内容：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.HTML的概述</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.HTML的基本结构</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.HTMl的<span style="color: black;">平常</span>标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.网页上的特殊字符</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.HTML的超链接</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.代码的注释</p>7.代码格式上的<span style="color: black;">意见</span>
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>html的概述</h2>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">1、什么是HTML语言？</h2>
<div style="color: black; text-align: left; margin-bottom: 10px;">html全<span style="color: black;">叫作</span>超文本标记语言（hyper Text Markup Language）</div>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">2、HTML语言有什么特点？</h2>
<div style="color: black; text-align: left; margin-bottom: 10px;">1.<span style="color: black;">能够</span>设置文本的格式，<span style="color: black;">例如</span>标题、字号、文本颜色、段落等等
   2.<span style="color: black;">能够</span>创建列表
   3.<span style="color: black;">能够</span><span style="color: black;">插进</span>图像和<span style="color: black;">媒介</span>
   4.<span style="color: black;">能够</span>创建表格
   5.<span style="color: black;">能够</span>创建超链接（<span style="color: black;">经过</span>鼠标点击能够在页面切换）</div>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">3、HTML的发展史</h2>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-2ed785a9f2cc1410aa8c83305fb8dee9_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">4、<span style="color: black;">平常</span>的网页编辑<span style="color: black;">工具</span></h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| 轻量级 | 重量级| 个人<span style="color: black;">举荐</span> |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| :-------- | --------:| :------: |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| notepad++ | DW | notepoad++ |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">|editplus | hbuilder | hbuilder |</p>|suubmit_txt | webstorm | |
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2、</span> HTML的基本结构</h2>
<div style="color: black; text-align: left; margin-bottom: 10px;"><html>
   <head>
   <title>网页的标题</title>
   <meta charset="utf-8"/>
   </head>
   <body>
   写网页的主体
   </body>
   </html></div><span style="color: black;">重视</span>：写完代码记得将格式<span style="color: black;">保留</span>为.html（<span style="color: black;">举荐</span>）、.htm、.xhtml<h2 style="color: black; text-align: left; margin-bottom: 10px;">HTML的基本结构详解</h2>
<div style="color: black; text-align: left; margin-bottom: 10px;">1.<html>内容</html>
   解释：HTML文档的文档标记，<span style="color: black;">亦</span><span style="color: black;">叫作</span>为HTML<span style="color: black;">起始</span>标记
   功能：<span style="color: black;">暗示</span>网页的<span style="color: black;">起始</span><html>和结束</html>

   2.<head>内容</head>
   解释：HTML文件头标记，<span style="color: black;">亦</span><span style="color: black;">叫作</span>为HTML头信息<span style="color: black;">起始</span>标记
   功能：用来<span style="color: black;">包括</span>文件的基本信息，<span style="color: black;">例如</span>网页的标题、<span style="color: black;">重要</span>字，在<head></head>内<span style="color: black;">能够</span>放<title></title>、<meta></meta>、<style></style>等等标记
   <span style="color: black;">重视</span>：<head></head><span style="color: black;">其中</span>的内容不会在浏览器<span style="color: black;">其中</span><span style="color: black;">表示</span>

   3.<title>内容</title>
   解释：HTML的标题文件
   功能：网页的主题，<span style="color: black;">表示</span>在浏览器的窗口的左上边！

   4.<body>内容</body>
   解释：HTML文档的主体标记
   功能：<body>...</body>是网页的主体部分，<span style="color: black;">这里</span>标记之间<span style="color: black;">能够</span><span style="color: black;">包括</span>如<p></p>、<h1></h1>、<br>、<hr>等等标记，正<span style="color: black;">是由于</span>这些内容组<span style="color: black;">成为了</span><span style="color: black;">咱们</span>所看见的网页
</div>
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">3、</span>HTML的基本标签</h2>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">1、格式标签：</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1、段落标签：</p>格式：<div style="color: black; text-align: left; margin-bottom: 10px;"><p>你要分段的内容</p></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">功能：对网页上的文字进行分段</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">特点：间距比<span style="color: black;">很强</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2、换行标签</p>格式：<div style="color: black; text-align: left; margin-bottom: 10px;">你要换行的文字后面直接加标签：<br/></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">重视</span>：它是一个单标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3、居中对齐标签</p>格式：<div style="color: black; text-align: left; margin-bottom: 10px;"><center>你要居中的内容</center></div>让段落<span style="color: black;">或</span>文字能够相<span style="color: black;">针对</span>父标签居中<span style="color: black;">表示</span>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">2、文本标签</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1、标题标签：</p>格式：<div style="color: black; text-align: left; margin-bottom: 10px;"><h1>标题</h1>...<h6>标题</h6></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">功能：定义网页中的文字标题</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">特点：标题标签<span style="color: black;">独霸</span>一行</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2、字体设置标签：</p>格式：<div style="color: black; text-align: left; margin-bottom: 10px;"><font>要设置的文字</font></div>功能：修改

流星的美 发表于 2024-8-21 03:03:43

外链发布社区 http://www.fok120.com/

飘雨的姑娘 发表于 2024-9-6 17:43:12

哈哈、笑死我了、太搞笑了吧等。

m5k1umn 发表于 2024-9-30 14:35:25

期待楼主的下一次分享！”

nykek5i 发表于 2024-10-11 06:25:29

期待更新、坐等、迫不及待等。

1fy07h 发表于 2024-10-21 03:50:45

说得好啊！我在外链论坛打滚这么多年，所谓阅人无数，就算没有见过猪走路，也总明白猪肉是啥味道的。

7wu1wm0 发表于 2024-10-21 17:51:07

太棒了、厉害、为你打call、点赞、非常精彩等。

7wu1wm0 发表于 2024-10-26 14:53:34

期待更新、坐等、迫不及待等。

wrjc1hod 发表于 2024-11-5 04:32:15

这篇文章真的让我受益匪浅，外链发布感谢分享！

nqkk58 发表于 2024-11-9 19:54:14

哈哈、笑死我了、太搞笑了吧等。

页: [1]

天涯论坛's Archiver

【HTML】入门第1讲