0426基础标签学习

Posted mjwwzy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了0426基础标签学习相关的知识,希望对你有一定的参考价值。

1、基础语法
    标签  作为网页的最小单元
        |-双标签  内容的容器
        |-但标签 控制性内容
    注释  每一个模块都要写清楚注释
2、基本结构
    <!DOCTYPE html>  |-告诉浏览器,我这个文档是html文档
    <html>
        <head>
            <meta charset="UTF-8">  |-设置中文编码utf-8
            <title></title>  |-网页的标题
        </head>
        <body>
            |-网页的内容
        </body>
    </html>
3、通用标签
    |-<body></body>  网页的内容都要写到body里
    |-格式控制类
    |-加粗、倾斜、下划线、换行、空格
        <b></b> <i></i> <u></u> <br/> &nbsp;

<b>今天是&nbsp;四月二十六号</b><br />
<u>今天是&nbsp;&nbsp;四月二十六号</u><br />
<i>今天是&nbsp;&nbsp;&nbsp;四月二十六号<br />今天开学</i>

技术分享图片

    |-内容容器类
    |-标题
        <h1>~<h6>

<h1>今天是四月二十六号</h1>
<h2>今天是四月二十六号</h2>
<h3>今天是四月二十六号</h3>
<h4>今天是四月二十六号</h4>
<h5>今天是四月二十六号</h5>
<h6>今天是四月二十六号</h6>

技术分享图片


    |-段落
        <p></p>
    |-行内标签:内容有多大,我就多大
        <span></span>

<p>今天是四月二十六号</p>
<!--行内标签-->
<p>今<span style="color: yellowgreen;">天开</span>学</p>
<p>我<span style="">很开</span>心</p>

技术分享图片

 

    |-div:默认占一整行
        <div></div>

<div style=" height: 40px;"></div>

技术分享图片


    |-有序列表、无序列表
        有序列表<ol><li></li></ol> type属性:1 a A i I

技术分享图片
<ol type="I">
  <li>今天是四月二十六号</li>
  <li>今天是四月二十六号</li>
  <li>今天是四月二十六号</li>
  <li>今天是四月二十六号</li>
  <li>今天是四月二十六号</li>
</ol>
技术分享图片

技术分享图片
        无序列表<ul><li></li></ul> type属性:circe disc square

技术分享图片
<ul type="square">
  <li>今天是四月二十六号</li>
  <li>今天是四月二十六号</li>
  <li>今天是四月二十六号</li>
  <li>今天是四月二十六号</li>
  <li>今天是四月二十六号</li>
  <li>今天是四月二十六号</li>
</ul>
技术分享图片

技术分享图片
4.常用标签
    |-a标签
        作用:做链接、做下载、做锚点

<a href="../../0421/a01.html">山东理工大学</a>
<a href="../../lesson1.txt">txt文档</a>
<a href="../../0421/hang3.jpg">图片</a>
<a href="../../0421/wzb2 - 副本.rar">下载</a>
<a name=“top”><a/>
<a href="#top">置顶</a>

技术分享图片


































以上是关于0426基础标签学习的主要内容,如果未能解决你的问题,请参考以下文章

0426 实验

[原创]java WEB学习笔记61:Struts2学习之路--通用标签 property,uri,param,set,push,if-else,itertor,sort,date,a标签等(代码片段

CS0426 类型名称 ' ' 不存在于类型 ' '

JSP基础学习

每日一题 为了工作 2020 0426 第五十五题

unity shader学习笔记 shader基础结构以及Properties面板