吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 304|回复: 15
收起左侧

[学习记录] HTML初学

[复制链接]
001user 发表于 2024-11-12 17:04
本帖最后由 苏紫方璇 于 2024-11-12 17:34 编辑

[HTML] 纯文本查看 复制代码
<!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>

免费评分

参与人数 2吾爱币 +1 热心值 +2 收起 理由
tymydol + 1 鼓励转贴优秀软件安全工具和文档!
sql050101 + 1 + 1 感谢发布原创作品,吾爱破解论坛因你更精彩!

查看全部评分

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

苏紫方璇 发表于 2024-11-12 17:33
插入代码可参考这个帖子
【公告】发帖代码插入以及添加链接教程(有福利)
https://www.52pojie.cn/thread-713042-1-1.html
(出处: 吾爱破解论坛)
enping1986 发表于 2024-11-12 18:26
虽然还看不懂,但是可以学习一下,万一用的到
rugal95 发表于 2024-11-12 18:30
lchgucg 发表于 2024-11-12 18:33
这些初级的现在都有AI了
hbu126 发表于 2024-11-12 18:54
现在都是vue,之类的做了封装,接触原生html越来越少了
wujialin1219 发表于 2024-11-12 19:39
厉害!!!很厉害
宁致远 发表于 2024-11-12 19:52
学一学!借鉴借鉴!!学完HTML 该CSS了
tymydol 发表于 2024-11-12 19:56
一块学习
kinghosty 发表于 2024-11-12 20:47
很多年前学的。现在已经不干这个了。之前浏览器兼容是最烦人的。
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-24 10:24

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表