HTML入门

最新推荐文章于 2023-06-08 22:12:06 发布

Wu面

最新推荐文章于 2023-06-08 22:12:06 发布

阅读量71

点赞数

分类专栏： html 文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/weixin_44687467/article/details/99690833

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

htmI概述及html文档基本结构

html概述
　　HTML是HyperText Mark-up Language的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言I这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm。

基本结构
一个html的基本结构如下

<!DOCTYPE html>
<html lang="en">

   <head>

       <meta charset="UTF-8">
	   <title>个人主页</title>

   </head>

   <body>
	
	网页显示内容

   </body>

</html>

HTML文档类型

目前使用的是两种类型是xhtml1.0和html5

xhtml 1.0是html5之前用的一个版本

此版本的sublime创建方法为：html:xt + tab
文档示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>

</head>

<body>
	
</body>
</html>

HTML标题的标签

通过<h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、<h5></h5>、<h6></h6>,标签可以在网页上定义6种级别的标题

html段落标签

标签定义一个文本段落，一个段落含有默认的上下间距，段落之间会用这种默认间距隔开
超链接标签，链接到另外一个网页，具有内联元素的基本特性，默认文字蓝色，有下划线
附：去下划线操作：在属性值中添加 text-decoration: none;
图片标签，在网页中插入图片，具有内联元素的基本特性，支持宽高设置
语法：<img src=“图片地址”/>
不带语义的标签：div：表示一块内容
　　　　　　　　span：表示行内的一块内容
代码空格与换行 html字符实体
代码中成段的文字，如果文字间想使用多个空格，在代码中空多个空格，渲染称网页时只会显示一个空格，如果想多个空格，可以使用空格的字符实体：&nbsp

<!–在段落前想缩进两个文字的空格，使用空格的字符实体: -->
&Bnbsp; 一个html文件就是个页，html文件用编辑器打开显示的是文本,可以用<br 1>文本的方式编最它，如果用浏览器打开，浏览器会按照标签描述内容将文件<br />渲染成页，显示的网页可以从一个网页链接跳转到另外一个预。

在网页上显示“<”和">“会误认为是标签,想在网页上显示”<“和”>"可以使用它们的字符实体.——大于号(&gt),小于号(&lt)，换行(<br />)

Wu面

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML入门

htmI概述及html文档基本结构html概述　　HTML是HyperText Mark-up Language的首字母简写,意思是超文本标记语言,超文本指的是超链接,标记指的是标签,是一种用来制作网页的语言I这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm。基本结构一个html的基本结构如下<!DOCTYPE html>...
复制链接

扫一扫