HTML初学
本帖最后由 苏紫方璇 于 2024-11-12 17:34 编辑<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title><www class="runoob com"></www></title>
</head>
<body>
<h1>This is a heading</h1>
<hr />
<h2>This is a subheading</h2>
<hr />
<h3>This is a sub-subheading</h3>
<p>这是段落1</p>
<p>这是<br>段落<br></p>
<a href="http://www.runoob.com">这是链接</a>
<img src="Logo.png" alt = "Company Logo">
<img src="image.jpg" alt="Description">
<button title="Click me">Submit</button>
<input type="text" name="username";
<a href="http://wwww.example.com" target="_blank" rel="noopener">Open in new tab</a>
<input type="password" name="password">
<input type="text" placeholder="="Enter your name">
<br><br>
<hr>
<br><br>
<h1>HTML 文本格式化</h1><br><br>
<b>加粗文本</b><br><br>
<i>斜体文本</i><br><br>
<u>下划线文本</u><br><br>
<strike>删除线文本</strike><br><br>
<code>计算机代码</code><br><br>
<sub>下标文本</sub><br><br>
<sup>上标文本</sup><br><br>
<pre>预格式化文本</pre><br><br>
<blockquote>引用文本</blockquote><br><br>
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol><br><br>
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul><br><br>
<table>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
<tr>
<td>数据1</td>
<td>数据2</td>
</tr>
<tr>
<td>数据3</td>
<td>数据4</td>
</tr>
</table><br><br>
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<label for="message">Message:</label>
<textarea id="message" name="message"></textarea><br><br>
<input type="submit" value="Submit">
</form>
<code>计算机输出</code>
<br />
<kbd>键盘输入</kbd>
<br />
<tt>打字机文本</tt>
<br />
<samp>计算机代码样本</samp>
<br />
<var>计算机变量</var>
<br />
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
<abbr title="etcetera">etc.</abbr> <!--缩写-->
<br />
<acronym title="World Wide Web">WWW</acronym><!--首字母缩写-->
<br />
<cite>The HTML Tutorial</cite> <!--作品名称-->
<br />
<dfn>Web</dfn> <!--定义-->
<br />
<em>emphasized text</em> <!--强调-->
<br />
<strong>strong text</strong> <!--重要-->
<br />
<small>small text</small> <!--小型-->
<br />
<del>deleted text</del> <!--删除-->
<br />
<ins>inserted text</ins> <!--插入-->
<br />
<sub>subscripted text</sub> <!--下标-->
<br />
<sup>superscripted text</sup> <!--上标-->
<br />
<time>20:00</time> <!--时间-->
<br />
<q>This is a short quote</q> <!--短引用-->
<br />
<q>This is a <q>nested quote</q> inside a quote</q> <!--嵌套引用-->
<br />
<blockquote>This is a blockquote. It can span multiple paragraphs, and can contain <strong>bold text</strong>, <em>italic text</em>, and <a href="#">links</a>.</blockquote> <!--块引用-->
<br />
</body>
</html> 插入代码可参考这个帖子
【公告】发帖代码插入以及添加链接教程（有福利）
https://www.52pojie.cn/thread-713042-1-1.html
(出处: 吾爱破解论坛)
虽然还看不懂，但是可以学习一下，万一用的到 这个好啊,赞一个。 这些初级的现在都有AI了 现在都是vue,之类的做了封装，接触原生html越来越少了 厉害！！！很厉害 学一学！借鉴借鉴！！学完HTML 该CSS了 一块学习 很多年前学的。现在已经不干这个了。之前浏览器兼容是最烦人的。
页:
[1]
2