2. 科技
  3. HTML（一）

HTML（一）

it2025-11-08  8

本章主要内容

什么是HTMLhtml的基本结构标签列表标签定义列表图像标签超链接标签修饰标签特殊符号

一、什么是HTML

HTML是用来描述网页的一种语言。HTML 指的是超文本标记语言（Hyper Text Markup Language）HTML 不是一种编程语言，而是一种标记语言（markup language）标记语言是一套标记标签（markup tag）HTML 使用标记标签来描述网页

二、基本结构

　　由 html head body 三部分组成 

<!DOCTYPE html> <!-- 声明是html格式 --> <html> <head> <title>hello</title> <!-- 页面的标签--> <meta charset="utf-8"> <!-- 中文防止乱码 --> </head> <body> <!-- 页面的内容 --> <p>hello,你好。</p> </body> </html>

三、简单的标签

<h1>Hello</h1> <!-- 标题标签 --> <p>hello,你好。</p> <!-- 段落标签 --> <pre></pre> <!-- 保持文本格式 --> <br/> <!-- 换行 --> <hr/> <!-- 水平线 -->

四、列表标签

无序列表

　　　　type='disc'('square'、'circle')，分别对应 圆点、方块、空心圆；

<ul> <li></li> <li></li> <li></li> <li></li> </ul> 有序列表

　　　　type='1' ('a'、'A'、'i'、'I')

<ol> <li></li> <li></li> <li></li> <li></li> </ol>

五、定义列表　　

<dl> <dt>支付方式</dt> <dd>货到付款</dd> <dd>在线支付</dd> <dd>分期付款</dd> </dl>

　　

六、图像标签

<img src="url" alt="图片提示文字" height="50" width="50">

七、超链接标签

超链接 <a href="https://www.baidu.com/"></a>

　不会跳转 但会保留超连接的其他属性

<a href="#"></a> 属性内容解释href连接的地址大苏打target打开的方式_self、_blank、_top、_parenttitle连接的提示鼠标放在连接上会有提示name指定自己的锚名发辫其他a标签跳过来

　　　

锚

　　　　...

下载

　　　　一般的文件都是rar格式

邮箱 <a href="mail:邮箱地址"></a>

八、修饰标签

　　

<i>斜体</i><em>斜体</em> <b>加粗</b><strong>加粗</strong> <sub>下标</sub> <sup>上标</sup> <ins>下划线</ins> <del>删除线</del>

九、特殊符号

&lt;<&gt;>&reg;®&copy;©&trade;TEL&nbsp;space

　　

　　

 

转载于:https://www.cnblogs.com/learn-python-M/p/7593678.html

最新回复(0)