二十、HTML

最新推荐文章于 2024-09-03 15:32:27 发布

司徒爵洛

最新推荐文章于 2024-09-03 15:32:27 发布

阅读量1.5k

点赞数 37

文章标签： html 前端

本文链接：https://blog.csdn.net/qq_50539286/article/details/136658389

版权

本文介绍了HTML的基本概念，包括各种常用的标签如标题、段落、图像、超链接、列表（无序、有序和自定义），以及表格和表单元素的使用，展示了HTML在网页制作中的重要性。

摘要由CSDN通过智能技术生成

一、什么是HTML

超文本标记语言，不是一种编程语言，而是一种标记语言，描述网页的语言，HTML使用标签描述网页中图片、文本、音乐、视频、超链接等。

二、常用标签

1、标题标签 <h1>一级标题</h1> 1-6 2、段落标签段落 会换行，比换行的间距大 3、水平线标签<hr> color：设置水平线的颜色 width：设置水平线的宽度，值可以是像数值，也可以是百分比（使用浏览器宽度的百分比） size：设置水平线的粗细 align：设置水平线的对齐方式align:设置水平线的对齐方式，常用值有Left(左对齐)、center(居中对齐、默认值)、right(右对齐) -->

4、斜体加粗斜体

加粗 加粗

二者的不同是：是物理元素 ;是逻辑元素。物理元素强调的是一种物理行为。比如说，把一段文字用b加粗，意思是告诉浏览器应该加粗显示，没有其他作用。而可以从字面理解知道它是强调的意思，是逻辑标签，强调文档逻辑。 -->

5、图像标签 <img >img 图像标签单标签

src属性：设置图像的路径，可以是相对路径，也可以是绝对路径 width属性：图像的宽度 height：设置图像的高度，一般来说宽度和高度只需要设置一个 title属性：设置鼠标悬停在图像上时显示的内容 alt属性：当图像不能正常加载显示的时候，显示alt属性值内容对图像进行显示 -->

6、超链接标签 <a>

三、列表

<body>





<ul> 合肥

<li>大湖名称</li>

<li>创新高地</li>

<li>科教之城</li>

<li>能源之都</li>

<hr>

</ul>







<ol> 合肥

<li>大湖名称</li>

<li>创新高地</li>

<li>科教之城</li>

<li>能源之都</li>

</ol>

<hr>

<ol type="I" start="5"> 合肥

<li>大湖名称</li>

<li>创新高地</li>

<li>科教之城</li>

<li>能源之都</li>

</ol>



<dl>

<dt>合肥</dt>

<dd>大湖名称</dd>

<dd>创新高地</dd>

<dd>科教之城</dd>

<dd>能源之都</dd>

<dt>合肥</dt>

<dd>大湖名称</dd>

<dd>创新高地</dd>

<dd>科教之城</dd>

<dd>能源之都</dd>

</dl>



<ul>

<li>宝马</li>

<ol>

<li>525</li>

<li>530</li>

<li>7系</li>

</ol>

<li>奥迪</li>

<ol>

<li>525</li>

<li>530</li>

<li>7系</li>

</ol>

</ul>

</body>

四、表格标签

五、表单标签