欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

web开发学习(2)HTML零基础学习

程序员文章站 2023-12-31 22:44:34
HTML概念HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。大部分内容的结合新建一个test.html文件(可以先新建一个txt文件,把后缀名改为html) ...

HTML

概念

HTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,浏览器即可读取和显示。

大部分内容的结合

新建一个test.html文件(可以先新建一个txt文件,把后缀名改为html)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>html学习</title>
    <!--注释的内容 -->
    <!--
<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元(meta)数据, <meta charset="utf-8"> 定义网页编码格式为 UTF-8
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
-->
</head>

<body>
    <!--标题 -->
    <h1>这是标题 1</h1>
    <h2>这是标题 2</h2>
    <hr>
    <!-- 通过<p>标签来定义段落  通过<a>标签来定义链接-->
    <p>这是一个段落。</p>
    <hr>
    <a href="https://blog.csdn.net/weixin_45613955/article/details/107300050">这是一个链接使用了 href 属性</a>
    <hr>
    <!--<br> (换行)
    <hr> (水平线 -->
    <img src="4.jpg" width="100" height="100" />
    <hr>
    <!--src中可以是本地文件链接和网络图片链接 -->

    <!--表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 <th> 标签进行定义。
    -->
    <table border="1">
        <tr>
            <th>表格标题</th>
            <th>表格标题</th>
        </tr>
        <tr>
            <td>表格数据</td>
            <td>表格数据</td>
        </tr>
    </table>
    <hr>
    <!--列表-->
    <dl>
        <dt>项目 1</dt>
        <dd>描述项目 1</dd>
        <dt>项目 2</dt>
        <dd>描述项目 2</dd>
    </dl>
    <hr>
    <!--无序列表-->
    <ul>
        <li>项目</li>
        <li>项目</li>
    </ul>
    <hr>
    <!--有序列表-->
    <ol>
        <li>第一项</li>
        <li>第二项</li>
    </ol>
    <hr>
    <!--表单-->
    <form action="demo_form.php" method="post/get">
        <input type="text" name="email" size="40" maxlength="50">
        <input type="password">
        <input type="checkbox" checked="checked">
        <input type="radio" checked="checked">
        <input type="submit" value="Send">
        <input type="reset">
        <input type="hidden">
        <select>
    <option>苹果</option>
    <option selected="selected">香蕉</option>
    <option>樱桃</option>
    </select>
        <textarea name="comment" rows="60" cols="20"></textarea>
    </form>
    <hr>
</body>

</html>

web开发学习(2)HTML零基础学习

推荐的学习资料

HTML学习

本文地址:https://blog.csdn.net/weixin_45613955/article/details/107300050

上一篇:

下一篇: