javaweb-html基础标签01

来源：互联网发布：钻石皇朝流量软件编辑：程序博客网时间：2024/05/22 15:39
htmlDay011.  html:HyperText Markup Language超文本标记语言,网页语言    超文本：超出文本的范畴     标记:标签 <标签名称>    <font size="10" color="red">顾雨磊</font>    **html规范：    1.不区分大小写    2.unicode 编码中文    3.<head></head>    4.<html></html>    5.<body></body>    6.没有结束标签        换行：<br/>        水平线:<hr/>    **html操作思想    1.数据封装     2.修改属性2.html常用标签    文字标签：        <font></font>        属性：            size: 1-7 ,超出，默认为7            color:2种方式，英文单词：red green blue black white yellow gray  十六进制：#ffffff  RGB    注释标签：        html的注释：<!--  -->    标题标签：        <h1></h1>  <h2></h2>  <h3></h3>  <h4></h4>....<h6></h6>        可以自动换行 由1-6，由大-小    水平线标签：        <br/>            属性：size 1-7                  color     特殊字符：        转义            <  &lt;            >  &gt;        空格   &nbsp;            &  &amp;            "  &quot;            注册符:&reg;            版权符：&copy;    列表标签：        <dl></dl>列表标签标识            <dt></dt>上层            <dd></dd>下层    排序标签：        <ol>排序标识            属性：type 设置排序方式1 a i            空心圆：circle            实心圆：disc            实心方框：square            <li>            </li>        </ol>        <ul>无序type属性            <li>            </li>        </ul>3.图像标签    <img src="路径"/>        src:路径        width:宽        height:高        alt:图片上加文字，鼠标在图片上停留，文字显示，兼容性较差，有些浏览器不支持4.路径：    2类：绝对路径，    相对路径：1.同一路径下 直接写路径名称  2.在下层，直接写它的上层\文件名3.在上层，../文件名5.超链接标签：    链接资源        <a href="连接到资源的路径">显示在页面上的内容</a>        href:链接资源的地址        target:设置打开的方式            _blank:在新的页面打开            _self:当前页面打开(默认)        <a href="#">不起作用</a>    定位资源        例：回顶部        定义位置        <a name="top">顶部</a>        回到这个位置        <a href="#top">返回顶部</a>        引入标签            <pre>原样输出</pre>6.表格标签    将数据格式化，更加清晰整洁    <table border="1">        <tr>align="left"  right  center        <td></td>  同上        </tr>    </table>    <table border="1" bordercolor="blue" cellspacing="0" width="200" height="200">    <tr align="left"></tr>    <th>表示的单元格 居中加粗</th>    <caption>表格的标题</caption>7.表格标签    合并单元格    rowspan 跨行    colspan 跨列8.表单标签   标签都加上name属性    <form action="提交到的地址" method="表单的提交方式"> </form>        输入项：大部分用<input type="类型"/>            普通：<input type="text"/>            密码：<input type="password"/>            单选：<input type="radio"/>                需要name  且属性值一样                必须要有value值   地址栏捕获跟value值一致                *默认选中 属性值checked="checked"            复选框：<input type="checkbox">                需要name  且属性值一样                必须要有value值   地址栏捕获跟value值一致                *默认选中 属性值checked="checked"            文件：<input type="file"/>            下拉项：不用input                <select name="birth">                    <option value="1988">1988</option>                    <option value="1989">1989</option>                    <option value="1990">1990</option>                    <option value="1991">1991</option>                    <option value="1992">1992</option>                </select>                *默认选中 属性值selected="selected"            文本域：                <textarea cols="" row="" ></textarea>            隐藏项：                <input type="hidden">            提交按钮：<input type="submit" value="注册">                使用图片进行提交<input type="image" src="3.jpg">                action 提交到的地址                method 提交的方式 get(默认) 显示出来和post 不显示出来                    get安全级别低 post级别高                    get数据有限制大小 post没有                enctype 上传文件时用            重置按钮                <input type="reset"/>            普通按钮                <input type="button" value="顾雨磊"/>9.其他标签    <b>加粗</b>    <u>下划线</u>    <i>斜体</i>    <s>删除线</s>    <pre>原样输出    <sub>下标    <sup>上标    <div></div>会自动换行    <span>在一行显示    <p></p>段落标签 比br多换一行10.头标签    <title>:标签上显示的内容    <meta name="keywords" content="锅炉，暗示，阿萨德"/>    <meta http-equiv="refresh" content="3;url=hello.html"/>    base标签：设置超链接的基本设置        <base target="_blank"/>        link标签：引入外部文件   引入css文件11.框架标签：    <frameset>        rows:按行划分            <frameset rows="80,*"></frameset>        cols:    <frame>:具体显示的页面        <frame name="lower_left" arc="hello.html">    不能使用body    <frameset rows="80,*">        <frame name="top" src="a.html">        <frameset>            <frame name="lower_left" src="b.html">        </frameset>    </frameset>
1 0