HTML5学习

                                                                                                              HTML5学习

HTML  指的是超文本标记语言:HyperText Markup Language,使用标记标签来描述网页,HTML文档也叫做 web 页面。

html文档:

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <base href="./"></base>
    <title>我的标题</title>
</head>
<body>

    <!--字体-->>
    <h2 style="text-align:center">我的二级标题</h2>
    <p>我的第一个<mark>段落</mark></p>
    <p><b>我的第一句话</b></p>
    <p><i>我的第二句话</i></p>
    <p>我的第<del>四</del><ins>三</ins>句话</p>
    
    <!--表格-->
    <table border="1" cellpadding="6">
    <caption>table show</caption>
    <tr>
        <th>col1</th>
        <th colspan="2">col2</th>
    </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    </table>

    <!--列表-->
    <ol type="I">
        <li>列表一</li>
        <li>列表一</li>
    </ol>
    <ul style="list-style-type:disc">
        <li>列表3</li>
        <li>列表4</li>
    </ul>
    
    <!--表单-->

    <form action="" method="post">
        your name:<input type="text" name="name"><br />
        your password:<input type="password" name="password"><br />
        sex:<input type="radio" name="sex-man">man 
        &nbsp;&nbsp;<input type="radio" name="sex-woman">woman
        <br />
        <input type="submit" value="提交">
    </form>


    <br>
    <hr />
    <a href="https://www.baidu.com" target="_blank">百度链接</a>
    <br />
    <!--这是一个注释-->
    <img src="image/2.png" alt="this is a image" width="100" height="100" />
</body>
</html>

文档显示:

 标签查询:菜鸟教程参考手册

<!DOCTYPE html> : 它是 HTML5 标准网页声明,全称为 Document Type HyperText Mark-up Language,表示网页采用 HTML5,是一条标示语言。

<html>元素是html页面的根元素

<head>元素包含了文档的元(meta)数据

<meta charset="utf-8">定义网页编码格式

<title>元素描述了文章的标题

<body>元素包含了可见的页面内容

<h1> 元素定义一个大标题(标题(Heading)是通过<h1> - <h6> 标签来定义的)

<p> 元素定义了一个段落

<a>元素定义HTML链接

<br>元素表示换行,(没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的)

<hr> 标签在 HTML 页面中创建水平线。
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值