html的简述和概念，html入门案例，html的语言规范，HTML字体标签，格式化标签，图片标签，

快来打我* 2022-06-06 02:44 199阅读 0赞

**1 html的简述和概念**：Hyper Text Markup Language 超文本标记语言

文本：详单与记事本里写的文字，展示信息

超文本：不仅仅可以展示信息。泛指;图片，点击跳转页面

语言：语言工具   标记：标签

HTML是标签所组成的语言，能展示超文本的效果

**2 html入门案例**：<fond color=”red”>今天天气好晴朗</fond>   字体变成红色

**3 html的语言规范：**html代码是由头和体组成的、

**<html>**

**<head>**

**<title>里面都是说明性的内容（就是网页的标题，名字）</title>**

**</head>**

**<body>**

**需要在页面上（给用户展示）展示的信息：例如：<fond color=”red”>今天天气好晴朗</fond>**

**</body>**

**</html>**

<html> 标签就相当于java中的大括号，

Html文件的扩展名为html或者htm，htm是旧的命名规范 html是新的

Html 文件时由**浏览器直接解析执行，无需编译，直接由上到下以此解析执行**

Html标签之间的的内容叫做**内容体**

Html没有内容的叫空标签 如<br/>  斜杠 是自关闭

**所有的标签都要有开始和结束，**

**Html不区分大小写，** 但是建议小写，提高可读性。

Html 标签是有属性的，格式为：属性名=”属性值”，属性值用引号引起，**包含单引号和双引号**

Html标签建议包裹嵌套（外围完全包括内圈内容），禁止使用交叉嵌套

**4 Hbuilder的使用：** 网页开发的一种工具 包括html css javaScript bootstrap

**5 基本标签 字体标签：**

**<font> 字体标签** 用于展示效果中修饰文字样式**size字体大小 color字体颜色face字体类型**<font 属性名=”属性值”> 文字信息内容</font>

**Size 控制字体大小**，最小1~最大7 如果不在1到7之间是无效的

**Color 控制字体颜色**，使用英文设置（例如：red，blue.,.）

**Face 控制字体类型**。只能设置系统字库中有的存在的字体类型

**6 基本标签 格式化标签：**

**Html源码中的换行，浏览器再解析的时候会自动忽略**，要在想换行的句子后面使用**换行标签<br/>**就行了。**一个<br/>就是一行**

HTML的**段落标签**成对的**<p> 段落内容</p>    并且在段前和段后自动加空白行标签。**

**Align:段落的对齐方式 默认是left 内容居左**

<p  align=”right”>    **right 居右  Center 居中**

HTML**标题标签 <h1>标题内容</h1>**   标题有h1 到h6**  h1 是最大的**

HTML  **空格符号  ;  h**tml源码中有多个空格，效果中最终会合并成一个

空格符号，用于展示效果中显示一个空白的位置

HTML **注释标签  **格式：** <!- -注释内容\- ->**  注释的内容在展示效果中看不见

**7 基本标签 图片标签：**

** <img  src=“图片路径”/>  src 属性是**指明图片的路径（必有属性）** width=”图片宽度”  height=”高度像素” **是固定的设置，其默认单位是像素。百分比设置**width=”50%” **百分比是父标签的百分之五十。是动态改变（可以随网页大小改变而改变）的

例如**<img src= “图片路径”  with=”400”  height=”50%”/>**

图片路劲的写法：内网路径 :

相对路径：从引入这的路径开始寻找（建议使用相对路径）

例如.../img/c\_1.jpg   ...代表的是文件出发的路径

绝对路径：文件在硬盘上的具体位置

互联网路径：必须在前面加上http：//

<img arc=”http://www.baidu.com”>

**../表示上一层目录**

**./表示当前目录**

发表评论取消回复

表情：

评论列表（有 0 条评论，199人围观）

还没有评论，来说两句吧...

相关阅读

相关 html的格式化标签和图片(img)标签

格式化标签和img标签的学习

浅浅的花香味﹌/ 2024年05月06日 21:21/ 0 赞/ 101 阅读

相关 html标签入门学习 html标签介绍

![8556f7730d0ae545969ec6e1f7db2273.jpeg][] HTML（Hypertext Markup Language）是一种用于创建网页的标记语

小鱼儿/ 2024年03月24日 22:39/ 0 赞/ 78 阅读

相关文本格式化标签（HTML）

文本格式化标签（HTML） <!DOCTYPE html> <html lang="en"> <head> <meta chars

深藏阁楼爱情的钟/ 2023年10月03日 12:21/ 0 赞/ 40 阅读

相关 HTML入门：html常用的标签

本文为HTML中常用标签的用法。其中包括a标签，img标签，table标签，from标签一、a 标签的用法 1.属性 href：跳转外部页面，规定链接指向的页面的 UR

淡淡的烟草味﹌/ 2022年12月03日 01:34/ 0 赞/ 282 阅读

相关 (4)表格的html标签,html标签之表格标签

HTML表格组成: 由 <table> <tbody> <tr> <th>或</th> <td>标签：标签中；</td> </tr> <

叁歲伎倆/ 2022年10月19日 15:56/ 0 赞/ 335 阅读

相关 html图片标签的实例,HTML-

一、img的属性：alt/title alt属性是替换名字，是给搜索引擎抓取使用，当图片显示不出来时，就会显示出alt的内容； ![0cf6e69ca755ea877990

迷南。/ 2022年10月06日 07:56/ 0 赞/ 163 阅读

相关（html入门）HTML 属性+标签+段落

HTML 属性属性为 HTML 元素提供附加信息。 HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。属性总是以名称/值对的形式出现，比

柔情只为你懂/ 2022年09月02日 12:45/ 0 赞/ 245 阅读

相关 html的简述和概念，html入门案例，html的语言规范，HTML字体标签，格式化标签，图片标签，

1 html的简述和概念：Hyper Text Markup Language 超文本标记语言文本：详单与记事本里写的文字，展示信息超文本：不仅仅可以展示信息。泛指;图

快来打我*/ 2022年06月06日 02:44/ 0 赞/ 200 阅读

相关 html标签

![这里写图片描述][SouthEast] 网易前端微专业课上标签展示。 [SouthEast]: /images/20210920/7f8e0738d15e482eac

ゝ一纸荒年。/ 2021年09月22日 09:06/ 0 赞/ 568 阅读

相关 html 图片标签

图片标签：默认不换行，成为行内元素 <img/> 属性 src：图片路径路径：相对路

系统管理员/ 2021年07月24日 23:27/ 0 赞/ 753 阅读