HTML简单介绍

已于 2024-02-03 17:41:11 修改
阅读量1.8k 收藏 42
点赞数 51
文章标签： html 前端
于 2024-01-20 17:58:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/OIFHOIS/article/details/135719122
版权

HTML

HTML指的是超文本标记语言，它是一种用来描述网页的一种语言。标记语言是一套标记标签。

文章目录

超文本的含义
  1. 可以添加图片、声音、动画、多媒体内容，超出了文本的限制。
  2. 可以从一个文件跳转到另一个文件，与世界各地的主机的文件连接（超级链接文本）。
web标准的构成

主要包括结构、表现、行为三个方面

结构结构用于对网页元素进行整理和分类（HTML）
表现表现用于设置网页元素的板式、颜色、大小等外观样式（CSS）
行为行为是指网页模型的定义及交互的编写（JAVASCRIPT）
HTML语法规范

  1. 所有标签都要写在 < > 里面，大部分都是成对出现的。如下：

    <p>		内容		<\p>

  2. 少部分标签单个出现，如换行符号：

    <br>

标签关系

标签关系可以分成两类 ：包含关系和并列关系

包含关系

<head>
    <title></title>
</head>

并列关系

<head>	</head> 
<body>	</body>

HTML的基本结构标签

标签名称内容
<html></html>HTML标签页面中最大的标签，其中包含其他标签，称为根标签
<head></head>文档头部注意在head标签中我们必须设置title标签
<title></title>网页标题让页面拥有一个自己的网页标题
<body></body>文档主题内容元素包含文档的所有内容，页面内容基本都存放在body之中

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>指尖非遗</title>
  </head>
  <body>
    指尖敲烂，工资过万
  </body>
</html>

表现形式如下：

请添加图片描述

标签

标题标签

<h1> ——— <h6>

一共存在六级标签，

为一级标签，以此类推

是六级标签，加粗、大小有小到大依次减小

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>一级标签</h1>
    <h2>二级标签</h2>
    <h3>三级标签</h3>
    <h4>四级标签</h4>
    <h5>五级标签</h5>
    <h6>六级标签</h6>
  </body>
</html>

表现形式如下：

请添加图片描述

段落标签

<p> 定义段落，它可以将网页分成若干段落

**语义：**可以把HTML文档分割成若干段落

特点：

（1）文本在一个段落中会根据浏览器的窗口大小自动换行

（2）段落与段落之间保有间隙

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>段落标签</title>
  </head>
  <body>
    <p>时间不够以后乐队真的现场很燃，很好蹦！！!</p>
    黑屋乐队是我第一次听live的乐队也超级好听成功被圈粉
  </body>
</html>

表现形式如下：

请添加图片描述

换行标签

<br>是打断强制换行的标签

特点：

（1）<br>是一个单标签

（2）<br>标签只是简单开始新的一行，跟段落不一样，段落之间会插入一些垂直的间隔

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>换行标签</title>
  </head>
  <body>
    <p>时间不够以后乐队真的现场很燃，很好蹦！！!</p>
    黑屋乐队是我第一次听live的乐队也超级好听成功被圈粉<br />
    时间不够以后乐队真的现场很燃，很好蹦！！!<br />
    黑屋乐队是我第一次听live的乐队也超级好听成功被圈粉
  </body>
</html>

实现形式如下：

在这里插入图片描述

文本格式化标签

粗体、斜体或下划线等效果

语义标签实现
加粗<strong></strong>或<b></b>加粗
倾斜<em></em>或<i></i>倾斜
删除线<del></del>或<s></s>删除
下划线<ins></ins>或<u></u>下划

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>文本格式化标签</title>
  </head>
  <body>
    <b>加粗</b>
    <br />
    <i>倾斜</i>
    <br />
    <s>删除</s>
    <br />
    <u>下划</u>
  </body>
</html>

表现形式如下：

在这里插入图片描述

分区标签

<div>是一个划分逻辑区域的标签，常用作容器

特点：

（1）没有语义，只是作为盒子

（2）可以设置格式，还可以包括普通的文字、图片等内容

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>分区标签</title>
  </head>
  <body>
    <div style="color: rebeccapurple">
      <h1>新人上路</h1>
      <p>如何激活会员名？</p>
      <p>如何激活贵美会员？</p>
      <p>注册时密码设置有什么要求？</p>
      <p>贵美认证</p>
    </div>
  </body>
</html>

表现形式如下：

在这里插入图片描述

范围标签

<span> 用于对文档中的范围元素进行组合

特点：

（1）不会换行，一行可以存放多个

（2）被 <span> 元素包含的文本，您可以使用 CSS 对它定义样式，或者使用 JavaScript 对它进行操作

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>范围标签</title>
  </head>
  <body>
    <p><span style="color: blue">蓝色</span></p>
  </body>
</html>

表现形式如下：

在这里插入图片描述

图像标签

<img>用于定义HTML页面中的图像

语法：<img src=“图像路径” >

特点：

（1）src是<img>的必须属性，它用于指定图像文件的路径和文件名

（2）图像标签可以有多个属性，必须写在标签名的后面，属性之间部分前后顺序

属性：

属性属性值说明
src图像路径必须属性
alt文本替换文本，当图像无法打开时显示的文字
title文本提示文本，鼠标放在图片上所显示的文字
width像素设置图像的宽度
height像素设置图像的高度
border像素设置图像的边框粗细

路径：

绝对路径：是指目录下的绝对位置，直接到达目标位置，通常是从盘符开始的路径

​ 例:"D:\wed\img\logo.gif"或完整的网络地址

相对路径：以引用文件所在的位置为参考基础，而建立出的目录路径

相符路径的分类符号说明
同一级路径图像文件与HTML文件在同一级
下一级路径/图像文件位于其文件的下一级
上一级路径…/图像文件位于其文件的上一级

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>图像标签</title>
  </head>
  <body>
    <img
      src="./图像/动漫/阿尼亚01.webp"
      alt="阿尼亚"
      title="阿尼亚"
      width="500"
      height="665.737"
    />
  </body>
</html>

表现形式如下：

在这里插入图片描述

超链接标签

<a>标签用于定义超链接，作用是从一个页面链接到另一个页面

语法：<a href=“跳转目标” target=“目标窗口的弹出方式”>文本/图片</a>

属性作用
href用于指定链接目标的URL地址（必须属性）
target用于指定链接目标的打开方式，_self为默认方式在此页面直接跳转，_blank在新的窗口打开

链接分类：

外部链接

网站外部的页面之间的相互链接

例如：<a href=“http://www.baidu.com” id=“baidu” >百度</a> 百度

内部链接

网站内部的页面之间的相互链接

直接在href=" "在引号之中直接写自己所书写的html文件的文件名即可跳转

空链接

空链接是占位的链接

<a href=“#”>文件</a>

锚点链接

是使用在一个网页中，内容太长不好寻找指定内容是所设置的链接，可直接找到想要查找的内容。

在href属性中，设置属性值为#名字的形式

例子：<a href=“two”>two</a>

找到目标位置标签，咋里面添加一个id属性=设置的名字即可

例子：<p id=“two”>two</p>

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>超链接标签</title>
  </head>
  <body>
    <a href="http://www.baidu.com" target="_blank">百度</a>
  </body>
</html>

表现形式如下：

在这里插入图片描述

注释标签

<!–所需要被注释掉的内容–>注释方式

快捷方式Ctrl + /

改标签的含义是为了之后自己回头来理解自己所书写的内容

表格标签

**作用：**显示、展示数据可读性好

格式：

<table>
	<tr>表示一行
		<td>表示一个单 元格</td>
			......
	</tr>
	......
</table>

一个tr表示一行，一个td是一个单元格，两个内容可以有多个

表头单元格标签：

<th>标签表示HTML表格的表头部分，位于第一列或第一行，所属内容居中且加粗

表格属性：

属性名属性值描述
alignleft、center、right表格元素的对齐方式
border1或0规定是拥有边框，默认没有
cellspadding像素值文字距离边框的距离
cellspacing像素值单元格与单元格之间的空白区域默认为2
width像素值规定表格的宽度

这些属性都是写在<table>之中的

表格结构标签：

为了更好的表示表格的语义，可将其分为表格头部和表格主体

<thead>为头部区域 <tbody> 为表格主体部分

合并单元格：

  • 跨行合并：rowspan=“合并个数”
  • 跨列合并：colspan=“合并个数”
不合并单元格的表格：

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>表格标签</title>
  </head>
  <body>
    <table border="1" cellspacing="0">
      <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
      </tr>
      <tr>
        <td>张三</td>
        <td>17</td>
        <td>男</td>
      </tr>
      <tr>
        <td>赵四</td>
        <td>18</td>
        <td>女</td>
      </tr>
      <tr>
        <td>王五</td>
        <td>20</td>
        <td>男</td>
      </tr>
    </table>
  </body>
</html>

表现形式如下：

在这里插入图片描述

在表格之中添加一个宽度设置为160时运行结果如下：width=“160”

在这里插入图片描述

合并单元格的表格：

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>表格标签</title>
  </head>
  <body>
    <table border="1" cellspacing="0" cellspadding="20" width="160">
      <tr>
        <th>事件</th>
        <th>时间</th>
      </tr>
      <tr>
        <td>拍照时间</td>
        <td>2024.1.15</td>
      </tr>
      <tr>
        <td>学习</td>
        <td rowspan="2">2024.1.16</td>
      </tr>
      <tr>
        <td>写博客</td>
        <td></td>
      </tr>
    </table>
  </body>
</html>

表现形式如下：

在这里插入图片描述

列表标签

分为：无序、有序、自定义列表

在VSCode中有缩写方法

<!-- ul*2>li*3 -->
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>
无序列表

<ul>标签表示页面中无序列表，而列表项使用<li>标签定义

默认列表前有一个黑点

特点：

（1）无序列表，表项中无顺序之分，是并列的

（2）<ul></ul>中只能嵌套<li></li>直接在其中写其他的标签是不被允许的

（3）可以放任意的东西

有序列表

<ol>标签表示页面中有序列表，而列表项使用<li>标签定义

列表之中的元素有顺序之分

其特点与无序列表相同

自定义列表

常用于对名词，术语解释或描述，定义列表前无任何项目符号

<dl>定义描述列表

<dt>定义项目名字

<dd>描述每一个名字

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>表格标签</title>
  </head>
  <body>
    <h4>我爱吃的零食</h4>
    <ul>
      <li>薯片</li>
      <li>汉堡</li>
      <li>鸡腿</li>
    </ul>
    <h4>我爱吃的水果的排序</h4>
    <ol>
      <li>橘子</li>
      <li>苹果</li>
      <li>火龙果</li>
    </ol>
    <h4>自定义列表</h4>
    <dl>
      <dt>乐队名称</dt>
      <dd>黑屋乐队</dd>
      <dd>对角巷乐队</dd>
      <dd>时间不够以后乐队</dd>
      <dd>蛙池乐队</dd>
      <dt>成员</dt>
      <dd>王泽南</dd>
      <dd>郭玉都</dd>
      <dd>李巧巧</dd>
    </dl>
  </body>
</html>

表现形式如下：

在这里插入图片描述

表单标签

使用表单的目的是收集数据

在HTML中，一个表单通常由表单域，表单控件，提示信息构成

表单域

包含表单元素的区域

<form>定义表单域，以实现用户信息的收集和传递

<form>会把行内内的表单元素信息直接提交给服务器

格式：

<form action="url地址" method="提交方式" name="表单域名称">
	各种表单控件
</form>
属性属性值作用
actionurl地址用于指定接收并处理表单数据的读物程序的URL地址
methodget/post提交方式
name名称用于指定名称、用来区分页面的多个表单
表单控件（表单元素）

这些表单元素就是允许用户在表单中输入或者选择的内容控件

<input>表单元素（输入信息）单标签

<input>中包含一个必须属性type根据其值的不同，输入有很多的形式

type的属性值
属性名作用
button定义可点击按钮
checkbox定义复选框
file定义输入字段和浏览按钮没提供文件的上传
hidden定义隐藏的输入段
image定义图像形式的提交按钮
password定义密码字段，该字段被掩码
radio定义单选按钮
reset定义重置按钮，会清除表单中的所有数据
submit定义提交按钮，将表单的数据输出给后台
text单行输入字段可输入文本。默认20个字符

type类型外的属性

属性名类型作用
name自定义定义input元素的名字
value自定义规定input元素的值
checkedchecked规定首次出现时默认被选中的值
maxlength正整数规定输入字段中的最大长度
placeholder自定义提供可描述输入字段预期值的提示信息
  1. name和value是每个表单元素都应该有的属性，主要给后台人员使用
  2. name表单元素的名字，要求单选，复选按钮要分别相同
  3. checked属性主要针对于单元框和复选框，默认选择项
<label>标签

<label>标签为input元素定义的标注

<label>绑定一个表单元素，当点击<label>标签内的文本时，浏览器会将光标自动转到相应的表单上。即点了文字可直接可以选上一个按钮

<select>标签

下拉标签（选择地址位置时可以使用）

特点：

（1）可节约空间

（2）<select>中至少包含一对<option>

（3）在<option>中定义select="select"时当前选项即为默认项

格式：

<select>
    <option></option>
    <option></option>
    .................
</select>
<textarea>文本域标签

类似于留言板

**使用场景：**内容过多，一行写不下可以使用该标签

<textarea>标签用来定义多行文本输入的控件

格式：

<textarea row="" col="">
	内容
</textarea>
对表单的简单应用

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>表单标签</title>
  </head>
  <body>
    <h4>指尖非遗注册列表</h4>
    <table>
      <tr>
        <td>用户<input type="text" value="输入账号" /></td>
      </tr>
      <tr>
        <td>密码<input type="text" value="输入密码" /></td>
      </tr>

      <tr>
        <td>
          性别
          <input type="radio" name="sex" checked="checked" id="nan" /><labelfor="nan">男</label
          >
          <input type="radio" name="sex" id="nv" /><label for="nv">女</label>
        </td>
      </tr>
      <tr>
        <td>我喜欢的食物
          <input type="checkbox" name="" id="shutiao"><label for="shutiao">薯条</label>
          <input type="checkbox" id="jitui"><label for="jitui">鸡腿</label>
          <input type="checkbox" id="hanbao"><label for="hanbao">汉堡</label>
          <input type="checkbox" id="zhaji"><label for="zhaji">炸鸡</label>
        </td>
        <tr>
          <td>
            位置
            <select name="" id="">
              <option value="">山西</option>
              <option value="">福建</option>
              <option value="">广东</option>
              <option value="">甘肃</option>
              <option value="">云南</option>
          </select>
          </td>
        </tr>
      </tr>
      <tr>
        <td><input type="submit" value="注册" /></td>
      </tr>
    </table>
  </body>
</html>

表现形式如下：

在这里插入图片描述

视频标签

<video>

表示插入视频

属性作用取值
preload预加载none（不进行预加载）metadata（部分预加载）auto（完全预加载）
src视频地址src=“视频地址”
poster预览图poster=“图片地址”
autoplay自动播放autoplay=“autoplay”（自动播放） 标签中没有此属性则不自动播放
loop循环播放loop=“loop”（循环播放）同上
controls浏览器默认播放控制栏controls=“controls”
width宽度
height高度
<source>

用于给媒体指定多个可以选择的文件地址，且只能在媒体标签没有使用src属性时使用

  • 浏览器按<source>标签的顺序检测标签指定的视频是否能够播放（可能是视频格式不支持，视频不存在等等），如果不能播放，换下一个

  • <source>标签本身不代表任何含义，不能单独出现

属性：

  • src：用于指定媒体的地址，和video标签的一样
  • type：用于说明src属性指定媒体的类型，帮助浏览器在获取媒体前判断是否支持此类别的媒体格式
  • media：用于说明媒体在何种媒介中使用，不设置时默认值为all，表示支持所有媒介

代码格式如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>疯味英雄</title>
    <style>
      video {
        margin: 0 auto;
      }
    </style>
  </head>
  <body>
    <div>
      <video
        preload="auto"
        poster="/图像/动漫/疯味英雄/疯味英雄.jpg "
        autoplay="autoplay"
        controls="controls"
        width="auto"
        height="auto"
      >
        <source src="/视频/动漫/疯味英雄/疯味英雄.mp4" type="" />
      </video>
    </div>
  </body>
</html>

表现形式如下：

在这里插入图片描述

音频标签

<audio>

用于嵌入音频文件，使其可以在网页中播放

属性作用取值
src音频地址src=“音频地址”
preload页面加载时同时加载音频none（不进行预加载）metadata（部分预加载）auto（完全预加载）
autoplay自动播放<video autoplay></video> 、标签中没有此属性则不自动播放
loop循环播放同上
controls显示浏览器控制栏同上 （不显示就变成背景音乐）
muted静音同上
<source>

<source>标签用于给媒体指定多个可以选择的文件地址，且只能在媒体标签没有使用src属性时使用

  • 浏览器按<source>标签的顺序检测标签指定的视频是否能够播放（可能是视频格式不支持，视频不存在等等），如果不能播放，换下一个

  • <source>标签本身不代表任何含义，不能单独出现

属性：

  • src：用于指定媒体的地址，和video标签的一样
  • type：用于说明src属性指定媒体的类型，帮助浏览器在获取媒体前判断是否支持此类别的媒体格式
  • media：用于说明媒体在何种媒介中使用，不设置时默认值为all，表示支持所有媒介

代码实现如下：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <audio preload="auto" controls loop  autoplay>
    <source src="/音频/スパークル(火花).mp3" type="audio/mp3"></source>
  </audio>
</body>
</html>

表现形式如下：

在这里插入图片描述

按钮标签

<button>：按钮标签

代码实现如下：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>button</title>
    <style>
      .pink {
        background-color: pink;
      }
    </style>
  </head>
  <body>
    <button class="pink">按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>
    <button>按钮4</button>
  </body>
</html>

表现形式如下：

在这里插入图片描述

其它

属性名作用
&nbsp空格
&gt>
&lt<
&copy©
我要伽利顿
关注
HTML是什么意思？
Echo_gaigai的博客
08-04 557
HTML是什么意思？如今这个网络时代，人们对互联网已经不再陌生，每天都在上网的我们，难免会遇见一些编程术语，像今天我们讲到的HTML，它究竟是什么意思呢？ ​我们现代人有问题第一反应就是去百度一下，得到百度百科对HTML的官方回答，请看下图： 根据官方给出的解释，HTML全称叫做超文本标记语言，通过一系列标签统一文档格式，让分散的资源成为一个整体。所谓标签，我们可以按下键盘上的“F12”来看，请看下图： 这种尖括号就是标签，任何一个网页的所有内容都应该包含在“”标签以内，HTML其实就是网页的结构，一起
【HTML5】->初识HTML->HTML简单介绍&HTML5基本元素讲解
欢迎来到新世界
02-19 6537
HTML边缘探索Ⅰ HTML简介Ⅱ HTML到HTML5----HTML发展历史Ⅲ HTML5简介Ⅳ HTML5环境Ⅴ HTML5基本元素介绍Ⅵ 写一个最简单的HTML程序 Ⅰ HTML简介 超文本标记语言（Hyper Text Markup Language），缩写为HTML，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言 （markup language），是网页制...
HTML与CSS关系
yansmile1的专栏
10-24 2337
HTML(HyperText MarkUp Language)超文本标记语言,通过使用标记来描述文档结构和表现形式的一种语言,由浏览器进行解析,然后把结果显示在网页上. 它是网页构成的基础,你见到的所有网页都离不开HTML,所以学习HTML是基础中的基础. 什么是HTML？ HTML是用来制作网页的标记语言 HTML是Hypertext Markup Language的英
HTML基本概述
最新发布
是程序喵呀
09-03 1105
• HTML是一种标记语言，用于创建网页。叫做超文本标记语• HTML由许多元素组成，这些元素可以指定不同的页面内容，如文本、图像、音频、视频等。• 最新版本是HTML5(2014年)。• 作用:负责搭建页面的结构和准备内容(盖房子 毛坯房)
HTML是什么？HTML简介
ccc369639963的博客
01-22 1万+
HTML是什么？HTML简介 HTML 英文全称是 Hyper Text Markup Language，中文译为“超文本标记语言”，专门用来设计和编辑网页。 使用 HTML 编写的文件称为“HTML 文档”，一般后缀为.html（也可以使用.htm，不过比较少见）。HTML 文档是一种纯文本文件，您可以使用 Windows 记事本、Linux Vim、Notepad++、Sublime Text、VS Code 等文本编辑来打开或者创建。 每个网页都是一个 HTML 文档，使用浏览器访问一个链接（URL）
什么是HTML？
不断学习，不断进步，提高自己
06-27 5249
互联网上的应用程序被称为Web应用程序，Web应用程序使用Web文档(网页)来表现用户界面，而Web文档都遵循标准HTML格式。
制作一个简单HTML个人网页网页——人物介绍梵高（HTML+CSS）
html精品源码
08-06 6367
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大......
使用HTML制作一个简单的个人主页
热门推荐
indulgexiaomei的博客
10-09 20万+
此网页我对html有了一个简单，初步的认识后制作的一个网页，主要目的是练习html的一些简单操作，由于时间关系，有很多做的不好，细节处理不到位的地方。 废话不多说，先来看效果 1、首页 这一个网页就是进行了网页背景、背景音乐、段落的处理、水平线以及超链接的简单练习。 2、我的相册 这一页主要是对大量图片进行一个排版的练习 3、我的计划 这一页主要是对文本有序无序以及表格内部的背景颜色等等的练习 4、我的家乡 这一部分是对段落、还有文本与图片结合的练习 5、我的故事 这个是对表格进阶版的练习，文字
简单家乡风景静态HTML网页设计作品 DIV布局家乡介绍网页模板代码-家乡佛山
而风不止
11-22 2528
D
个人网页介绍家乡纯html
10-26
2）自我介绍 注：运用表格布局 3）我的家乡 家乡概况、家乡地标、家乡美食、家乡名胜 等 注：综合运用框架、DIV+CSS布局 4）我的相册 快乐的童年、校园生活 等 5）雁过留声(表单) 用表单制作一个留言...
HTML是什么
Xucc_x的博客
07-27 2632
1. HTML概念  HTML是用于创建网页的语言。我们通过使用HTML标记标签创建html文档来创建网页。HTML代表超文本标记语言，它是具有标记标签的集合。  HTML标签是由尖括号括起来的词，如\，\。标签通常成对出现，例如\和\。  一对中的第一个标签是开始标签，第二个标签是结束标签。在上面的示例中，\是开始标签，而\是结束标签。我们还可以将开始标签称为起始标签，结束标签称为闭合标签...
html是什么
Ambition_yugurt的博客
07-26 3011
如图我们所学习的语言一样，在编程的世界里，也有各种各样的语言，常见的web前端语言有html、css、JavaScript等，服务端语言有php、java、c#等等。那么html是什么呢？就让朗沃小编来为你解答。 1、html是什么 html又称为超文本标记语言（英文：HyperText Markup Language，HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。1.
HTML是什么？
yangwen170244的博客
05-04 444
概念： HTML(Hyper Text Markup Language)：创建网页的标记语言 HTML的全称为超文本标记语言，它本身的内容类似于我们平时写的记事本，只是浏览器会对其中的标签进行识别，让我们看到识别之后的样子。 特点： 跨平台性（html运行在浏览器上面）、简单易懂（html不是一个编程语言，是一种标记语言，它一个标记就对应一个网页上的显示效果，它不包含复杂的逻辑） 编辑： 基本文本、文档编辑软件，使用微软自带的记事本或写字板都可以编写，使用WPS或者Word来编写也可以，
HTML是什么?
weixin_44784650的博客
09-28 1997
HTML是超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用，HTML 不是一种编程语言，而是一种标记语言 (markup language)，是网页制作所必备的。 页面内可以包含图片、链接，甚至音乐、程序等非文字元素，结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 扩展资料： 1、特性 简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。 可扩展性：超级文
什么是HTML
歪脖先生的博客
03-28 5794
什么是HTMLHTML是Hyper Text Markup Language的缩写，中文的意思是“超文本标记语言”，它是制作网页的标准语言。由于网页中不仅包含普通文本，还包含超文本，故被称作超文本描述语言。那什么是超文本呢？所谓超文本，就是指图像、视频、动画、声音、表格、链接等多媒体的内容。HTML是网页的基本描述语言，由Tim Berners-Lee在1990年提出，其目的是方便地把一台电脑中的...
html 标签简单介绍
04-14
HTML标签是用于创建网页内容的代码片段，每个标签都可以表示不同类型的内容。通常由一个开始标签和一个结束标签组成。建议将HTML文档放在<!DOCTYPE html> 标签中。一些常用的标签包括 , , , , , 等等。每个标签都...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值