TJU实训（二）：HTML CSS基础

最新推荐文章于 2025-12-19 11:59:32 发布

原创最新推荐文章于 2025-12-19 11:59:32 发布 · 218 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #前端

前端专栏收录该内容

3 篇文章

订阅专栏

这篇博客介绍了HTML的基本元素，如段落、链接、标题、表格、列表、图像等，并强调了HTML的语义化，增强了网页的可读性和搜索引擎友好性。接着，解释了CSS的作用，阐述了选择器的概念及其在样式应用中的重要性。此外，还讨论了CSS的优先级、调试方法以及基础属性，特别是盒模型。最后，提到了浮动、定位、响应式布局和Flexbox布局在网页设计中的应用，为创建适应不同设备的网页提供了指导。

在这里插入图片描述

1、什么是HTML

超文本标记语言

2、常用标签

一个常见的HTML结构

<p>:标签，代表段落的意思

<div>:表示一个块，可以独占一行

<a>:标签作为超链接，不需要独行展示。还可以作为锚点，跳转到指定的位置。
    可选项：href指向地址，target，
<h1-h6>:是标题标签，独占一行，字体加粗，1-6相当于标题的字号

<img>：标签是图片。
    可选项：src指向图片路径，alt指向图片名称

<table>:显而易见是表格，推荐使用css给表格加上边线。每个tr里面都是一行的排列。
    可选项：table还有很多属性，可以去查找使用。

<ul><ol>:列表，前者是小圆点，后者是数字顺序

<hr />：相当于分隔符

<span>:相当于一个字符串展示

<form>:是一个表单元素
    可以设置密码（隐藏展示）
    checkbox:多选框
    radio:单选

<label>:标签可以把文字和标签关联起来

<br>:强制换行

<select>
    <option>:标签是下拉选项

<textarea>:构造一个可输入的文本框（可设置行列大小）

<button>:按钮

<canvas>:标签是代表画布

<video>和<audio>:是视频和音频标签


<!DOCTYPE html>
<htmL Lang="en">
 <head>.</head>
 <body>
   <header>w</header>
   <sect ion>_</ sect ion>
   <article>-</article>
   <footer>-</footer>
 </body>
</html>