HTML基础---基本的标签_<marquee scrolldelay="150">-CSDN博客

什么是HTML？

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言，而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，比如 <b> 和 </b>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML结构介绍

HTML：结构
css:表现
JS:行为
lang="zh-CN"：不会翻译网页
<!DOCTYPE HTML>:文档声明(html5.0)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">：声明是4.01版本
<meta charset="UTF-8">:解决编码规则
utf-8 和 gb2312

背景颜色图片

bgcolor='yellow':背景颜色

RGB:红绿蓝三颜色组成 “#ff00ff"

background='url' 背景图片

相对路径和绝对路径

相对路径:指定从根目录到文件的完整路径

eg:image/timg.jpg

绝对路径:完整路径

eg:C:\Users\admin\Desktop\HTML\上课案例\image/timg.jpg

文本标签，属性

h1-h6:标题标签
<font color="#ff00ff" size="+3" face="黑体">标题标签</font>:字体标签
color="#ff00ff":字体颜色
size="+3":字体大小
face="黑体":字体类型
<p align="center"></p>:段落标签
align="left/center/right":段落文本的对齐方式
<br/>:强制换行标签

特殊符号

空格
<小于
>大于
¢分
£镑
¥日圆
©版权
®注册商标
<img src="image/timg.jpg" width="400" height="400"
     title="这是刘亦菲" alt="这是撕裂的刘亦菲" align="bottom"/>
src="image/timg.jpg":图片的url
width="400":宽度
height="400":高度
title="这是刘亦菲":鼠标悬浮上去的提示信息
alt="这是撕裂的刘亦菲":当图片路径错误的提示信息
align="top/middle/bottom":上中下对齐

<hr color="red" size="15" width="300"/>:水平线

无序列表:

<ul type="square">
    <li>列表1</li>
    <li>列表1</li>
    <li>列表1</li>
    <li>列表1</li>
</ul>
type="disc/square/circle":实心，正方块，空心

有序列表

<ol type="A">
    <li>列表1</li>
    <li>列表1</li>
    <li>列表1</li>
    <li>列表1</li>
</ol>
type="A/i"：i罗马数字
<pre></pre>:预定义标签（代码怎么写就浏览器就怎么输出）

超链接

<a href="demo.html" target="_blank">淘宝</a>
href="demo.html"：链接的url
href='#':链接当前页面
target="_blank/_top/_self/_parent":新窗口，头部窗口，当前窗口，父窗口
锚标记(书签)
<a name="name">新人上路指南</a>;定义锚标记
<a href="#name">新人上路</a>:跳转锚标记

滚动标签

<marquee scrolldelay="150" direction="right">
    <img src="image/timg.jpg" width="200" height="200">
</marquee>
 scrolldelay="150":滚动的延迟时间
direction="right/left/up/down":滚动方向

注释

<!--操作标题-->
1.暂时不需要的代码注释
2.对代码的结构写解释，方便阅读代码
<center></center>:居中标签
<p>段落</p>
<b>粗体文字</b>
<big>大字体</big>
<em>着重强调</em>
<i>斜体</i>
<small>小字体</small>
<strong>加强语气</strong>
<sub>下标</sub>
<sup>上标</sup>
<del>删除</del>
<!--语义化标签-->
<address>地址</address>
<span>文本行级标签</span><br/>
<label>文本内容</label>