html

作者: 勇者与王者 | 来源:发表于2019-10-22 11:52 被阅读0次

    使用小写

    HTML 标签是由尖括号包围的关键词,比如 <html>
    HTML 标签通常是成对出现的,比如 <b> 和 </b>

    <html> 与 </html> 之间的文本描述网页
    <body> 与 </body> 之间的文本是可见的页面内容
    <h1> 与 </h1> 之间的文本被显示为标题
    <p> 与 </p> 之间的文本被显示为段落

    <!DOCTYPE HTML>
    <h3>This is a heading</h3> 标题
    <p>This is a paragraph.</p> 段落
    <h4 align="left">4级标题——居左对齐</h4>
    <h5 align="center">5级标题——居中对齐</h5>
    <h6 align="right">6级标题——居右对齐</h6>

    <a href="http://www.w3school.com.cn">This is a link</a> 标记中间的是链接的显示名称

    <img src="w3school.jpg" width="104" height="142" />

    属性总是以名称/值对的形式出现,比如:name="value"。

    属性总是在 HTML 元素的开始标签中规定。如 <a> 中插入 <a href="http://www.w3cschool.com.cn"> this is a link</a>

    <hr /> 水平线

    注释

    <br /> 手动换行

    所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

    <h2 style="background-color:red">This is a heading</h2>
    background-color:red

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    <title>在HTML页中插入图片</title>

    <body>
    <img src="bcdd.jpg" width="400" height="400">
    </body>

    </head>

    </html>

    <header>
    </header>

    <footer> 脚注
    </footer>

    <section> 章节
    </section>

    <aside>侧栏</aside>

    <nav>导航链接</nav>

    <select>下拉列表标记
    <option value="1">吉林省</option>
    </select>

    HTML
    标签忽略大小写 建议小写
    <head>
    <meta charset="utf-8">
    <title>网站信息显示页面</title>
    </head>
    <body>

    </body>

    <br /> 换行标签

    标题 加粗加黑显示 最小层级 h6

    水平线:
    <hr />
    <hr size="5"/>
    <hr noshade="noshade">

    size 水平线的高度 单位像素
    noshade: 没有阴影

    段落标签:
    <p>段落内容。。。</p>

    字体标签:
    color属性 size 1~7 变大
    加粗:<b>加粗文字</b>
    斜体:<i> 斜体文字</i>

    <font color="blue" size="7" >文字为蓝色文字,html<b>黑马就业班</b></font>

    图片标签:
    图片的位置属性:src
    图片尺寸属性:width height
    图片无法正常显示的提示文字:alt=""
    <img src="img\logo2.png" width="150px" height="30px"/>

    列表标签:

    超链接:
    href="#" 表示点击无反应
    target 为 _blank 代表打开浏览器新标签页
    target 为 _self 即 在当前标签跳转
    <a href="index.html" target="_blank">点我有惊喜</a>

    友情链接:
    记得加http:// 以及 文字要放到<a></a> 标签之间
    <li><a href="http://www.taobao.com" target="_blank">阿里巴巴</a></li>

    列表:
    有序列表
    <ol>
    <li>Milk</li>
    <li>Fruit</li>
    </ol>

    无序列表
    <ul>
    <li>列表项</li>
    </ul>

    表格:
    border:边框
    align:居中还是居左位置
    bgcolor:背景颜色
    cellspacing:边框与边框的间距
    <table border="1px" width="450px" height="150px" align="center" bgcolor="green" cellspacing="0px">
    <tr>
    <td colspan="2">11</td>

    <td>13</td>
    <td>14</td>
    <tr>
    <td>21</td>
    <td>22</td>
    <td>23</td>
    <td>24</td>
    </tr>
    <tr>
    <td>31</td>
    <td>32</td>
    <td rowspan="2">33</td>

    <td>34</td>
    </tr>
    <tr>
    <td>41</td>
    <td>42</td>

    <td>44</td>
    </tr>

    表格合并操作:
    colspan
    rowspan

    相关文章

      网友评论

          本文标题:html

          本文链接:https://www.haomeiwen.com/subject/qchqvctx.html