Html笔记

关注

原创最新推荐文章于 2026-05-16 09:46:07 发布 403 阅读 AI 写同款· GEO 优化 ›

HTML基础知识学习笔记 HTML 元素以开始标签起始HTML 元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些 HTML 元素具有空内容（empty content）空元素在开始标签中进行关闭（以开始标签的结束而结束）大多数 HTML 元素可拥有属性。阅读详情

1 概要介绍

html语言的特点：
1. html语言是与平台无关的，任何平台只需要安装了浏览器都可以运行。
2.html 是不区分大小写的

html语言的结构：

    <html>    html语言的根标签.

             <head></head> 网页的头信息

         <body></body> 网页的体部分

    </html>

html的注释：　<!--  注释的内容  -->

1.1

头信息的作用
1. 可以设置网页的标题。
2. 可以通知浏览使用指定的码表解释html页面.

例如：

<head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>这个是我的第一个网页</title>
        <meta name="keywords" content="java培训,php培训,C#培训，羊肉、狗肉、猪肉"/><!--一个网页的关键字最好是3-4个。 seo(搜索引擎优化)                        -->
</head>

1.2

常见html标签

<h1>~<h6> 表示是一个标题
<p>   段落标签
<hr/>  水平线标签
<br/>  换行标签
<sub>  下标
<sup>  上标
<pre>  原样标签： 原样标签会保留空格和换行符。
<ol> <li> 有序的列表标签、
<ul> <li> 无序的列表标签。
项目列表标签(dl dt dd)
行内标签(span)     
块标签<div>    div标签的内容会独立占一行。

1.3常见实体标签

常用的实体字符:

空格      &nbsp;
小于号     &lt;
大于号    &gt;
人民币    &yen；
版权      &copy;
商标      &reg;

1.4超链接标签

超链接标签

a标签常用的属性：
href : 用于指定链接的资源
target: 设置打开新资源的目标。 _Blank 在独立的窗口上打开新资源 _self 在当前窗口打开新资源

file: file协议（文件协议）这种协议主要是用于搜索本地机器的资源文件的。

a标签的原理：

1. a标签的href属性值如果是以http开头的，那么浏览器会马上启动http解释器去解释该网址，首先
会在本地机器去找一个hosts文件， 如果在hosts文件上该域名没有对应的主机，那么浏览器就去到对应的
dns服务器去寻找该域名对应的主机号。如果找到了对应的主机，那么该请求就会发给对应的主机。


2. 如果a标签的href属性值没有以任何协议开头，那么浏览就会启动file协议解释器去解释该资源路径。

3. 如果a标签的href属性值并不是以http开始，而且其他 的一些协议，那么这时候浏览器就回去到我们本地的注册
表中去查找是否有处理这种协议 的应用程序，如果有，那么马上启动该应用程序处理该协议。

超链接标签的作用：
1. 可以用于链接资源。
2. 锚点点位.
1. 首先编写一个锚点锚点的格式：数据
2. 使用a标签的herf属性连接到锚点出。 href=”#锚点的名字“

一个人的世界(高清枪版).avi
顶部

1.5

表单标签：表单标签的作用是用于提交数据给服务器的。
表单标签的根标签是标签
常用的属性：
action: 该属性是用于指定提交数据的地址。
method：指定表单的提交方式。
get : 默认使用的提交方式。提交的数据会显示在地址栏上。
post ：提交的数据不会显示在地址栏上。
注意：表单项的数据如果需要提交到服务器上面，那么表单项必须要有name的属性值。