HTML入门

文件名称保存为html后缀。

标签氛围单标签<>和多标签<></>，标签里面都可以添加属性

比如<br> 换行，<img scr="图片来源">

<a>超链接<a/>，然后第一个<>里面可以添加属性<a href=“”>超链接<a/>   🔗链接到哪个网站

<span style="color:red"> 我是红人</span>

 标签分为 块级元素和行内元素

块级元素：标签内容会独占一行，比如标题标签 <h1></h1>，字体从1-6逐渐减小。段落标签<p></p>

行内元素：标签不会独占一行 ,比如 <a><a/>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>First web</title>
</head>
<body>
超链接：
    <a href="http://www.baidu.com">百度</a><br>

    标题标签：
    <h1>我</h1>
    <h2>要</h2><h3>做</h3><h4>爱</h4><h5>学</h5><h6>习的人</h6>
span：
    <span style="color:red"> 我是红人</span><br>
    表格：
    <table border="1px">
        <tr>
            <td>化妆品</td>
            <td>包包</td>
        </tr>
        <tr>
            <td>电子产品</td>
            <td>运动</td>
        </tr>
    </table>
列表：
    <ul>
        <li>星期一</li>
        <li>星期二</li>
    </ul>
表单：
    <form action="http://www.baidu.com">
        输入名字：<input type="text" name="name">
        <button type="submit">提交</button>
    </form>
段落：
<p style="width:700px;">
    &nbsp;&nbsp;&nbsp;&nbsp;这是一副好看的山水画
</p>
图片：
    <img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1543491030235&di=79e83fa8623bf81cffbf097ac9007dd2&imgtype=0&src=http%3A%2F%2Fimgsrc.baidu.com%2Fimgad%2Fpic%2Fitem%2F203fb80e7bec54e7b8e8c7d4b3389b504ec26af0.jpg" width="500px">
</body>
</html>

 

posted @ 2018-11-30 10:42  裴敏儿  阅读(207)  评论(0)    收藏  举报