• JavaWeb--了解HTML


    一、HTML的规范:

    1、一个html文件开始标签和结束的标签:<html>  </html>
    2、html包含两部分内容 
    (1)<head> 设置相关信息</head>
    (2)<body> 显示在页面上的内容都写在body里面</body>
    
    3、html的标签有开始标签,也要有结束标签 <head></head> 
    
    4、html的代码不区分大小写
    5、有些标签,没有结束标签 ,在标签内结束 <br/>
    

    二、HTML中常用的标签:

    1. 头标签
    2. 文字标签
    3. 注释标签
    4. 标题标签
    5. 水平线标签
    6. 特殊字符
    7. 列表标签
    8. 图像标签
    9. 超链接标签
    10. 表格标签
    11. 表单标签
    12. b标签
    13. s标签
    14. u标签
    15. i标签
    16. pre标签
    17. sup标签
    18. sub标签
    19. p标签
    20. div标签
    21. span标签
    22. 框架标签

    三、重点标签:

    头标签:

    1、base标签:设置超链接的基本设置

    • 可以统一设置超链接的打开方式

      如<base target="_blank"/>
      

    2、link标签:引入外部文件

    3、meta标签:设置页面的一些相关内容

    4、title标签:表示在标签上显示的内容

    图像标签:

    <img src="图片的路径"/>
    

    src: 图片的路径

    width:图片的宽度

    height:图片的高度

    alt: 图片上显示的文字,把鼠标移动到图片上,停留片刻显示内容,兼容性差

    超链接标签:

    (1)链接资源:

    <a href="链接到资源的路径"> 显示在页面上的内容  </a>
    

    href: 链接的资源的地址

    target:设置打开的方式 ,默认是在当前页打开

    blank : 在一个新窗口打开

    _self: 在当前页打开 默认

    (2)定位资源:

    如果想要定位资源:定义一个位置

    <a name="top">顶部</a>
    

    回到这个位置

    <a href="#top">回到顶部</a>
    

    表格标签:

    表示表格的范围:<table></table>
    

    border:表格线

    bordercolor:表格线的颜色

    cellspacing:单元格之间的距离

    width:表格的宽度

    height:表格的高度

    每一行 <tr></tr>
    

    设置对齐方式 align: left center right

    每一列:<td></td>
    

    设置对齐方式 align: left center right

    使用<th></th>也可以表示单元格:可以实现居中和加粗
    
    表格的标题:<caption></caption>
    

    6、合并单元格

    rowspan:跨行
     如:<td rowspan="3">人员信息</td>
    colspan:跨列
     如:<td colspan="3">人员信息</td>
    

    表单标签:

    普通输入项:<input type="text"/>
    密码输入项:<input type="password"/>
    单选输入项:<input type="radio"/>
    复选输入项:<input type="checkbox"/>
    文件输入项:<input type="file"/>
    下拉输入项:<select name="birth">
    		    <option value="1991">1991</option>
    		  </select>
    文本域:<textarea cols="10" rows="10">
           </textarea>
    隐藏项:<input type="hidden" />
    普通按钮:<input type="button" value=""/>
    普通提交按钮:<input type="submit" value="注册"/>
    图片提交按钮:<input type="image" src="图片路径"/>
    重置按钮:<input type="reset"/>
    

    框架标签:

    <frameset rows="80,*">                        	//把页面划分成上下两部分 
    	<frame name="top" src="a.html">             //上面页面
    	
    	<frameset cols="150,*">                     //把下面部分划分成左右两部分
    		<frame name="lower_left" src="b.html">  //左边的页面
    		<frame name="lower_right" src="c.html"> //右边的页面
    	</frameset> 
    </frameset> 
    
  • 相关阅读:
    Ansible
    Ansible
    MySQL
    JS计算时间差(天,时,分钟,秒)
    cookie,localStorage,sessionStorage的区别
    css布局 -双飞翼布局&圣杯布局
    Python批量爬取网站图片
    vue-cli3中引入图片的几种方式和注意事项
    git常用命令
    vue-cli3的打包并在本地查看
  • 原文地址:https://www.cnblogs.com/Java-biao/p/12625144.html
Copyright © 2020-2023  润新知