html

物の哀

已于 2022-04-09 16:11:26 修改

阅读量270

点赞数

文章标签： android

于 2022-04-09 16:09:36 首次发布

本文链接：https://blog.youkuaiyun.com/m0_64837135/article/details/124056140

版权

html:超文本标记语言,主要是用于网页设计,它里面不仅可以放文本，还可以放图片，视频，音频等，可用浏览器打开

html页面的结构：
       <html>
           <head>
               <meta charset="utf-8"/>
               <title>当前页面的标题</title>
           </head>
           <body>
               放页面的主要内容
           </body>
       </html>

常用的html标签

1，图片标签：<img src="设置图片所在的路径" alt="当图片无法正常显示时的代替的文字说明" title="图片的标题"/>
   例如：
       <img src="images/pic.jpg"/> 就是可以在页面上显示图片的
2,表格的标签
       <table border="1" cellpadding="0" cellspacing="0" width="500px" heigth="400px" align="center">
           <tr>
               <td>姓名</td>
           </tr>
       </table>
       表格的合并行和合并列
       合并列：竖着的把多个列合并成一列，colspan
       合并行：横着的把多个行合并成一行，rowspan
3,a标签的使用（超链接），主要可以实现页面的跳转
       <a href="要跳转的目标页面或者地址">点击这里</a>

4，换行的标签：<br/>可以自动换行

5，http协议的状态码：404，服务器挂了，路径没有写正确，请求地址不正确

6,PotPlayer播放器的使用，方便设置视频的播放倍速
       1，c:增加倍速
       2，x:降低播放倍速
       3，z:自定义的倍速和正常倍速相互切换

7,WebStrom中格式化代码的快捷键：Ctrl+Shift+F

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<!--    页面标题-->
    <title>登录界面</title>
</head>
<!--背景颜色-->
<body bgcolor="#8a2be2">
hello world!<br/>
<!--显示图片 （路径 像素 图片无法正常显示代替文本 图片标题）-->
<img src="../images/page.png" height="325" width="536" alt="加载图片失败" title="page"/>
<!--ctrl+"/"单行注释-->
<!--ctrl+"/"+shift多行选中注释-->

<!--table>tr*3>td*6  (创建三行六列表格)-->
<!--alt (多行选择操作)-->
<!--1显示表格  是否显示边框  cells pacing(单元格间距)边框合并(默认双边框)cell padding(单元格边距) px(像素)  居中align(对齐)center(居中)-->
<table border="0" cellpadding="0" cellspacing="0" width="300px" align="center" style="margin-top: 200px">
    <thead>
        <tr>
        <th>账号</th>
        <th><input type="text"></th>
        </tr>
    </thead>
<!--居中-->
    <tr style="text-align: center">
        <td>密码</td>
        <td><input type="password"></td>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr style="text-align: center">
        <td></td>
        <td><a href="register.html">注册</a><input type="submit" value="登录"></td>
    </tr>
</table>

<!--a标签(超链接)页面的跳转-->
<!--<br/>换行-->
<a href="a_table.html">点击跳转</a><br/>
<a href="https://www.taobao.com/">点击打开淘宝</a>

</body>
</html>