本文详细介绍了HTML的基本结构和常用标签，包括html、head、title、body等元素的用途及关系，以及字符集、文档类型、链接、图片、注释、列表等元素的使用方法。此外，还讲解了a标签、base标签和锚点定位的功能。内容涵盖HTML的基础语法和常见实践，是学习HTML入门的必备知识。
<HTML>
<head>
<title></title>
</head>
<body>
</body>
</HTML>
html标签:作用所有html中标签的一个根节点. 根标签
head标签:文档的头部
title标签:文档的标题
body:文档的主体 (我们的页面内容,基本都是放到body里边的)
1. html标签的分类:
双标签 <标签名> 内容<.标签名>
单标签 <标签名>
2. html标签关系:
嵌套关系: <head><title></title></head>
并列关系:
<head></head>
<body></body>
3. 文档类型: <!DOCTYPE html>
4. 字符集: <meta charset="UTF-8" />
5.常用标签:
(1)标题文本: <hn>标题文本<hn>
(2)段落标签: <p>文本内容<p>
(3)水平线标签: <hr>
(4)换行标签: <br>
(5)盒子与范围标签: 无语义标签<div></div> 每次霸占一行 <span></span>所有东西放一行
(6) 结构化表现化标签:
bisu只有使用,没有强调的意思;strong em del ins语义更强列
(9)图片标签
[1]标签属性:
<标签名 属性1="属性值1" 属性2="属性值2" … >内容</标签名>
采用键值对的格式 key="value"的格式
例如:<hr weith="400">.属性是宽度,值是400
[2] 图像标签;
<img src="图像路径">
图像路径分为:
相对路径:
图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如img src="logo.gif"/。
图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如img src="img/img01/logo.gif" /。
图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如img src="../logo.gif" /。
绝对路径:
绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的
10.链接标签
(1)a标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href：用于指定链接目标的url地址
target：用于指定链接页面的打开方式，其取值有self和blank两种，其中self为默认值，blank为在新窗口中打开方式。
(2)base标签
base可以设置整体链接的打开状态；base写到<head> </head>之间。
(3)、锚点定位
11.注释
<!-- 注释语句 --> ctrl + / 或者 ctrl +shift + /
12.列表标签
容器里面装载着文字或图表的一种形式，叫列表。
列表最大的特点就是：整齐、整洁、有序。
(1) 无序列表 ul
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ul>
[1]. <ul></ul>中只能嵌套<li></li>，直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
[2]. <li>与</li>之间相当于一个容器，可以容纳所有元素。
[3]. 无序列表会带有自己样式属性，放下那个样式，一会让CSS来！
(2.)有序列表 ol
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
......
</ol>
(3)自定义列表 dl
<dl>
<dt>名词1</dt>
<dd>名词1解释1</dd>
<dd>名词1解释2</dd>
...
<dt>名词2</dt>
<dd>名词2解释1</dd>
<dd>名词2解释2</dd>
...
</dl>
扫一扫
667
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
