参考- https://www.w3schools.com/Html/html_intro.asp
参考 - https://developer.mozilla.org/en-US/docs/Web/CSS
HTML/CSS 和 Javascript 之间的差异。
-->HTML/CSS - 静态页面 - 每次加载时内容都保持不变，除非手动更新。
-->Javascript - 动态页面 - 页面可以响应用户操作，例如单击按钮、提交表单或移动鼠标。
HTML 语法：
<html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
-->以（.html）扩展名保存文件，然后双击运行程序。
HTML 元素：
在 HTML 中，元素通常使用开始标记和结束标记来定义其开始和结束。
-->开始标签：标记 HTML 元素的开始。
-->结束标签：在元素名称之前使用正斜杠标记 HTML 元素的结束。
例如：
你好，世界！
独立标签：HTML中的独立标签（也称为自关闭标签）是不需要关闭标签的元素，因为它在开始和结束之间没有任何内容标签。
例如-
- break：用于插入换行符
准备 ILUGC 网页布局：(https://ilugc.in/)
<html>
<头>
ILUGC标题>
。容器{
边框：1px实线；
高度：200%；
宽度：85%；
边距：自动；
}
.标题h4{
文本转换：大写；
颜色：#e22d30；
顶部边框：1px 纯绿色；
宽度：适合内容；
顶部填充：10px；
}
.标题{
边距：25px；
}
</风格>
</头>
<div>
<p>输出：</p>
<p><img src="https://img.php.cn/upload/article/000/000/000/173594590044719.jpg" alt="Day - TML/CSS - Project ILUGC(web page)"></p>
<p><strong>说明：</strong></p>
<ol>
<li>
：HTML 文档的根元素。</li>
<li>
：包含文档的元数据和资源。</li>
<li>
<title>：设置浏览器选项卡上显示的网页标题。</title>
</li>
<li>
<style>：嵌入 CSS 以设置 HTML 文档的样式。</style>
</li>
</ol>
<ul>
<li><p>.container：设置容器 div 的样式：<br>
a) border: 1pxsolid;: 添加1像素的实心边框。<br>
b) height: 200%;: 将高度设置为视口高度的两倍。<br>
c) width: 85%;：设置宽度为视口宽度的85%。<br>
d) margin: auto;：使容器水平居中。</p></li>
<li>
<p>.header h4：设置 </p>
<h4> 的样式。 .header 类中的元素：<br>
a) text-transform: uppercase;: 将文本转换为大写。<br>
b) color: #e22d30;: 将文本颜色设置为特定的红色阴影。<br>
c) border-top: 1px Solid green;: 添加绿色顶部边框。<br>
d) width: fit-content;: 缩小元素宽度以适应其内容。<br>
e) padding-top: 10px;: 在文本上方添加 10 像素的填充。</h4>
</li>
<li><p>.header：设置标题 div 的样式：<br>
a) margin: 25px;: 在标题周围添加 25 像素的边距。</p></li>
</ul>
<ol>
<li>
：包含网页所有可见内容。</li>
<li>
<div>：用于对内容进行分组和设置样式的容器元素。
<li>
<h1>：代表网页的主标题。</h1>
</li>
<li>
<h4>：表示重要性低于 <h1> 的副标题。</h1>
</h4>
</li>
<p><strong>属性：</strong><br>
属性提供有关 HTML 元素的附加信息，通常以名称-值对的形式。<br>
例如：`</p>
<div>
<p><strong>填充：</strong><br>
填充是元素的内容与其边框之间的空间。它在内容周围创建一个内部边距，将内容推离元素的边缘。</p>
<p><strong>保证金：</strong><br>
边距是元素边框之外的空间，将元素与其他元素分开。它定义了元素之间的外部空间，在它们周围创建了距离。</p>
<p><strong>类选择器和元素选择器：</strong></p>
<ul>
<li>类选择器针对具有特定类属性的 HTML 元素，使用句点 (.) 后跟类名称。</li>
<li>元素选择器直接通过标签名称定位 HTML 元素</li>
</ul>
</div>
</div>
</li>
</ol>
</div>以上是日 - TML/CSS - 项目 ILUGC（网页）的详细内容。更多信息请关注PHP中文网其他相关文章！
