HTML基础学习
2021/6/1 18:51:15
本文主要是介绍HTML基础学习,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1.HTML概念:
超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。
2.最简单的HTML:
<!--
html标签分类:普通标签<></>
自结束标签 <img>或<img/>
-->
<!--
迭代
xHTML
HtML4
HTML5
版本声明:表示网页遵循HTML5语法
-->
<!DOCTYPE html>
<!--
html标签表示网页,
所有需要显示在浏览器中的内容都需要html标签中
标签属性:可以定义标签的样式、功能,不推荐
名值对lang表示网页的语言en表示属性值
-->
<html lang="en">
<!--
head标签作为网页的头部,包含网页元数据(网页标题、网页字符集),不显示在浏览器中
-->
<head>
<!--meta定义网页元数据-->
<!--
charest:代表网页字符集
字符集:网页编码方式
-->
<meta charset="UTF-8">
<!--
X-UA-Compatible:IE=edge优先使用ie8版本以上的浏览器引擎进行搜索
-->
<!--注释不能嵌套-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--
name属性表示网页相关的一些信息
conten表示对应的值
keywords表示搜索引擎关键字
-->
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<meta name="keywords" content="购物,网上购物">
<!--
title:定义网页的标题
-->
<title>HTML文档结构介绍</title>
</head>
<!--网页主体:所有需要显示的内容都放在body中-->
<body>
<!--最多到六级-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<!--注释效果
1.解释代码
2.隐藏代码
-->
</body>
</html>
3.常用标签
<html></html> 创建一个HTML文档
<head></head> 设置文档标题和其它在网页中不显示的信息
<title></title> 设置文档的标题
<body> </body>标记页面正文网页中要显示出来的东东,都应放在这对标签之间
<h1></h1> 最大的标题
<pre></pre> 预先格式化文本
<u></u> 下划线
<b></b> 黑体字
<i></i> 斜体字
<tt></tt> 打字机风格的字体
<cite></cite> 引用,通常是斜体
<em></em> 强调文本(通常是斜体加黑体)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB的十六进制值
<SMALL></SMALL> 字体缩小
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排
<DFN></DFN> 述语定义
<ADDRESS></ADDRESS> 地址标记
<sup></SUP> 上标字
<SUB></SUB> 下标字
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>;字体颜色
<font size=1>...</font>;最小字体
<font style =':100 px'>...</font>;无限增大格式标志标签
<p></p> 创建一个段落
<p align=""> 将段落按左、中、右对齐
<br>换行 插入换行符
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表
<dt> 放在每个定义术语词前<dd> 放在每个定义之前
<ol></ol> 创建一个标有数字的列表
<ul></ul> 创建一个标有圆点的列表<li> 放在每个列表项之前,
<MENU> 选项清单
<DIR> 目录清单
<nobr></nobr> 强行不换行
这篇关于HTML基础学习的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-05HTML 颜色
- 2024-10-05HTML 颜色名
- 2024-10-01AntDesign-Form-rules学习:轻松入门教程
- 2024-10-01classnames学习:轻松掌握前端中的类名管理
- 2024-09-30前端案例资料:新手入门必读教程
- 2024-09-30前端编程资料:新手入门必备教程
- 2024-09-30前端培训资料:新手入门必读教程
- 2024-09-30滚动吸顶项目实战:从入门到上手
- 2024-09-29HTML学习:span标签教程详解
- 2024-09-29HTML基础:button标签教程