HTML基础

最新推荐文章于 2022-04-20 19:00:21 发布

「已注销」

最新推荐文章于 2022-04-20 19:00:21 发布

阅读量130

点赞数

分类专栏： HTML 文章标签： HTML

本文链接：https://blog.csdn.net/sinat_37976731/article/details/79616379

版权

HTML 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

HTML

HTML（Hyper Text Markup Language），即超文本标记语言。

超文本（文字+图片+音频+视频+……）
标记语言（浏览器看到什么样的标记就会做出什么样的反应）

HTML直接用浏览器来执行。

HTML经常用于编写web静态页面

这里介绍一个HTML的网站，这里的HTML还是比较全面的，对于入门学习很不错：HTML教程

HTML文档基本结构

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
</body>
<html>

<!DOCTYPE html>
文档引用规范，HTML5因为是“妥协式”的规范，所以不需要引用严格意义上的DTD规范。
<html>标签
文档的根元素标签，成对出现
<head>标签
文档的根头部标签，成对出现，包含的主要元素有：
- <title>:该元素用于定义标题
  此部分极为重要，是整个页面的中心概括
- <script>：该元素用于包含javascript脚本
- <link>：该元素用于链接外部CSS资源文件
- <style>：该元素用于定义内部CSS样式
- <meta>：该元素用于HTML页面的元数据
  包含三个属性
  http-equiv：指定元信息的名称，该属性指定的名称具有特殊的意义，它可以向浏览器传回一些有用的信息，帮助浏览器正确地处理网页内容。
  name：指定元信息的名称，该名称的值可以随意指定。
  content：指定元信息的值。
  例如：描述文档类型和字符编码
```
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
```
  此外，还可以使用多个来包含其他属性，例如：
```
<meta name="author" content="Lee" />
<meta name="description" content="百度公司" />
<meta name="website" content="http://baidu.com" />
<meta name="keyword" content="搜素引擎" />
```
<body>标签
文档的主题部分标签，成对出现

HTML标记语言的特点

标记(标签或元素)的形式

双标签

<元素名>内容

HTML页面的基本结构

<html>                  //HTML起始标签
    <head>              //页面头部起始标签
        <title>网页标题</title> //页面标题
    </head>             //页面头部结尾标签
    <body>              //页面正文起始标签
        网页正文
    </body>             //页面正文结束标签
</html>

回车键和空格键在HTML中显示时不起作用，为使代码清晰，建议不同的标记之间回车编写，以便于代码的阅读
HTML编辑时不是所见即所得
HTML不区分大小写
缩进用tab，不要使用空格
HTML中注释格式为

<!--需要注释的内容-->

空格标签

&nbsp;

标题标签

<hn></hn>

n从1到6，标题从大到小，超过6的按照6级标题显示

换行标签

<br/>

水平线标签，即出现一根横划整个页面的横线

<hr/>

段落标签，开启一个段落

<p></p>

字体标签

 <font></font>
 例如：<font size="7" color="#00FFFF" face="楷体">HTML</font>

- 属性size表示字体的大小，有1至7逐渐递增
- 属性color表示颜色，除了能使用颜色的英文表示，通常使用RGB三原色表示法，例#FF0000  
- 属性face表示字体

图片标签

<img />
例如：<img src="img/shitu_b01.jpg" height="1200px" width="1920px" alt="抱歉，图片无法显示！">

- src:指的是显示的图片的路径
- width:指定图片的宽度，取值可以是像素值，也可以是占页面的百分比（可以不指定按原来的像素）
- height：指定图片的高度，取值可以是像素值，也可以是占页面的百分比（可以不指定按原来的像素）
- alt：当图片无法正常显示的时候给出的提示信息

图片标签和超链接标签嵌套，即点击图片打开超链接
```
<a href="http://www.baidu.com" target="_self"><img src="img/shitu_b01.jpg" alt="百度" /></a>
```

超链接标签

a：超链接
属性href表示目标页面的地址，也可以是本地HTML文件的URL地址（注意写完整）
属性target：值”_self”表示在当前页面打开链接，值”_blank”表示在新窗口打开链接

<a href="http://www.sohu.com" target="_self">搜狐</a>

「已注销」

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础

HTMLHTML（Hyper Text Markup Language），即超文本标记语言。超文本（文字+图片+音频+视频+……）标记语言（浏览器看到什么样的标记就会做出什么样的反应）HTML直接用浏览器来执行。HTML经常用于编写web静态页面这里介绍一个HTML的网站，这里的HTML还是比较全面的，对于入门学习很不错：HTML教程HTML文档基本结构&...
复制链接

扫一扫