第1章 HTML语言基本-天涯论坛 - Powered by Discuz! Archiver

nqkk58 发表于 2024-6-29 12:46:10

第1章 HTML语言基本

<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">第1</span>节 HTML的基本结构</h2>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">1.什么是HTML</h3>HTML(Hyper Text Mark-up Language),超文本标记语言。它<span style="color: black;">包括</span>了<span style="color: black;">非常多</span><span style="color: black;">区别</span>的标签（标题标签(h1-h6),段落标签(p)）,<span style="color: black;">经过</span>浏览器加载这些标签，呈现<span style="color: black;">区别</span>的内容。HTML文件的扩展名是.htm或.htmlHTML语言要靠浏览器执行<h3 style="color: black; text-align: left; margin-bottom: 10px;">2.<span style="color: black;">怎样</span>运行HTML文件</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">经过</span><span style="color: black;">区别</span>种类的浏览器打开html文件：IE,FIrefox,Chrome</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">3.HTML文档结构</h3>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-4c3af2126b1d041f1a9ca1642d417a25_720w.webp" style="width: 50%; margin-bottom: 20px;"></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;">是文档的根标签，所有网页中的内容都要定义在根标签之间标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">文档的头部，用于配置网页的<span style="color: black;">关联</span>属性。<span style="color: black;">例如</span>:title,css样式,js脚本,网页内容概要,搜索<span style="color: black;">重要</span>字,网页内容的编码title标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">配置网页的标题信息body标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">网页所有信息内容都是写在body标签中的:文本,超链接,<span style="color: black;">照片</span>,视频标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">经过</span>标签<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;">...</p>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">4.HTML注释和特殊字符</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">注释:<span style="color: black;">便是</span>为代码加以解释，<span style="color: black;">另一</span><span style="color: black;">亦</span><span style="color: black;">能够</span><span style="color: black;">运用</span>注释屏蔽<span style="color: black;">没</span>用的代码</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">格式:</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">特殊符号htm编码&copy;&reg;<&lt;>&gt;空格&nbsp;</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">第二节创建HTML文档</h2>用记事本创建HTML用EditPlus创建HTML用HBuilder创建HTML<h2 style="color: black; text-align: left; margin-bottom: 10px;">第三节常用HTML标签</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;">标签以<<span style="color: black;">起始</span>以>结束成对标签的格式:<标签名>内容

</p>空标签:<标签名 />标签名不区分<span style="color: black;">体积</span>写,<span style="color: black;">举荐</span>用小写<h3 style="color: black; text-align: left; margin-bottom: 10px;">1.<h1>~<h6>标题标签</h3>
<div style="color: black; text-align: left; margin-bottom: 10px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   <HTML>
   <HEAD>
   <TITLE> New Document </TITLE>
   <META name="Generator" content="EditPlus">
   <META name="Author" content="">
   <META name="Keywords" content="">
   <META name="Description" content="">
   </HEAD>

   <BODY>
   
   <h1>这是1级标题</h1>
   <h2>这是2级标题</h2>
   <h3>这是3级标题</h3>
   <h4>这是4级标题</h4>
   <h5>这是5级标题</h5>
   <h6>这是6级标题</h6>
   
   这是普通内容

   </BODY>
   </HTML>

</div>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">2.<p>段落标签</h3>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">p:用于<span style="color: black;">暗示</span>一个段落，段落之间会存在段间距</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01</div>

明月几时有 发表于 2024-8-25 01:19:08

论坛的成果是显著的，但我们不能因为成绩而沾沾自喜。

星☆雨 发表于 2024-9-9 19:36:13

你的言辞如同繁星闪烁，点亮了我心中的夜空。

7wu1wm0 发表于 2024-10-5 00:55:59

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

页: [1]

天涯论坛's Archiver

第1章 HTML语言基本