HTML/CSS/JS学习笔记（一）

最新推荐文章于 2025-08-16 06:13:53 发布

原创最新推荐文章于 2025-08-16 06:13:53 发布 · 762 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #表单 #框架 #标签

本文详细介绍了HTML的基本概念，包括标签的使用、特殊字符转义、字体设置等，并通过实例讲解了列表、图片、表格等常见元素的创建方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML

1.HTML：超文本编辑语言。

html由标签组成：html数据封装在标签中，可以通过标签的属性值的改变对封装内数据操作。
html代码范围：<html></html>，在该范围有两部分，头标签<head>和体标签<body>。

<html>

</html>

head：网页的一些属性信息。比如：标题。 body：网页显示的数据。

标签特点：对数据进行封装，有开始标签和结束标签。但有些标签只体现单一功能，所以这样的标签在内部结束。如：<br /> <hr /> <img /> <input />。
标签格式：<标签名属性名=“属性值”>数据<标签名>

<标签名属性名=“属性值” />

2.常见标签：

字体：<font>

注：一些特殊字符需要转义：

小于号（<）	大于号（>）	空格	分号（“）	地址符（&）
&lt；	&gt；	&nbsp；	&quot ；	&amp；

列表标签：<dl></dl>

上层项目：<dr>

下层项目：<dd>

项目符号标签：通过type更改项目符号。

<ul>：符号标签

<ol>：数字标签

<li>：具体项目内容标签，只在<ol><ul>中有效。

<body>
        <ol>
                <li>windows</li>
                          <ul type="disc">
                                      <li>win 7</li>
                                      <li>win 8</li>
                         </ul>

               <li>linux</li>
                         <ol>
                                      <li>centos</li>
                                      <li>redhat</li>
                       </ol>
        </ol>
</body>

图像标签：<img>

图像地图：

<body>

</map>

</body>

说明： img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。

表格标签：<table>

表格由行组成，行由单元格组成。

<body>
<table cellpadding="5" cellspacing="0">
	<caption>标题标签</caption>
	<tr>
		<td colspan="2"></td>
	<tr>
		<th rowspan="2"></th>
</table>
</body>

超链接：<a>

定位标签：

表单标签：<form>

表单标签元素：

<input>输入标签：

type属性：

文本框	密码框	单选框	复选框	文件上传	隐藏组件	按钮组件	重置	提交	图像按钮
text	password	radio	checkbox	file	hidden	button	reset	submit	image