HTML笔记

HTML是一种超为本标记语言它的用法有一定的对称性有开始标签就有结束标签

<!DOCTYPE html>  <!--HTML开始声明,括号加感叹号内的内容仅用于注释-->
<html>       <! html开始标签>
    <head>    <!  代码段仅用于网页内部>
         <meta charset="uft-8">    <!--仅用于指示用该型号编码否则会乱码-->
         <meta name="keywords" content="CSDN博客,CSDN学院,CSDN论坛,CSDN直播">
            <!--这是给网页添加关键字便于搜索-->
         <title>此处是网页明不一定是网页内容的标题</title>
    </head>
    <body>
            <!--此处才是网页内容的位置-->
    </body>
</html>    <!--结束标签-->

2,在HTML中显示视频的函数快(音频取得时相对路径,平级直接文件名)

<video width="1235" height="2131" controls> 
<!--video 说明此处是一个音频或视频 width即显示窗口宽度 height高度 controls添加控制键-->
    <source src="tty.mp4" type="video/mp4">
      <!--     文件名      类型   视频 MP4格式-->
    </video>

3,播放音乐

<audio controls>
    <source src="yuy.mp3"> <!--文件名其余与上文意思一样-->

    </audio>

4,显示图片

<ing src="此处为图片地址加图片名或者是图片转base64的编码">
<!--该称编码好处是不用再需要图片即文本自带图片-->

5,网页跳转多个举例不同的类型

<a href="naiyouguazi.github.io"  target="_blank">点我跳转</a>
<!--target="_blank有这个是另开一个网页跳转,没有是直接跳转-->
<a href="可以是自己的另一个网页即自己跳自己.html"  点这个跳></a>
<!--  换成mailto:加邮箱会跳转到你本机的发邮件的 打开到给该邮箱发文件的页面 -->
<!--  换成javascript:alert('内容自己写')  会出现页面提示-->

锚的问题

<a href="#qwe">点我</a>
<div id="asd">定位到此处</div>
<div  id="qwe"style="position: absolute;top: 9999px;">定位到此处2</div>
<!--即页面开始在asd点击后到离asd 9999出的qwe
    这个也可以在别人的网页用#加名字进行定位查询
-->

6,常见的关键字

<h> </h>改变中间字体的大小从一到六<h1></h1>到六其中1字号最大六最小
<div></div>换行<div style="color:red"></div>可以改变自已颜色

<span></span>

意思差不多主要是分类用的
<br>用于端末换行符的意思
<pre></pre>这个用于一段文字在html显示中的空格换行会于文本一致
&nbsp;相当于一个空格键
<p></p>用这个就相当于古诗文一样有逼格与下一句隔一行
<center></center>中间文字居中
<sup>2</sup>会出现在左上角类似于平方

7,输入问题

<input type="text" />  <!--即显示一个可以输入文本的框-->
<input type="button"   value="777"/>  <!--显示一个名字为777可以按的按钮-->
<input type="submit"   value="888"/>  <!--显示一个名字为888可以按的按钮-->
<button>999</button>    <!--显示一个名字为999可以按的按钮-->
<!--三种是有不同的至于啥不同问百度-->
<form action="https://www.baidu.com/?" method="git"><!--获取到的内容在百度上搜索-->
<input type="text"  name="wd"/> <!--创一个输入框-->
<input type="submit"  value="111"/> <!--创一个111名字的按钮,按下后会将输入框内容上传-->
</form>

若将text改成password即输入框内输入的内容会被隐藏改成hidden即会不显示这个常用于传参时不被用户看到

<input type="checkbox"/>111<input type="checkbox"/>222<input type="checkbox"/>333
<!--即会出现三个复选框111 222 333 可供选择这个可以多选-->
<input type="radio" name="3"/>111<input type="radio" name="3"/>222
<input type="radio" name="3" checked="ture"/>333
<!--当name相同时会被认为一组而互斥即三个选项只能选一个 加上那个会默认选三-->
<select>
    <option value="11">1</option> <!--1是给我们看的value是上传的信息-->
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>    <!--会出现一个下滑的选择框 1 2 3 4可供选择-->
<textarea rows="200" clos="333">
        efggfsvbmvbv
</textarea> <!--会出现一个200*333的文本框并有efggfsvbmvbv-->
<input type="file" /><!--会出现一个框框可以选本地文件夹-->
<ul type="square"><!--出现带方块的将他们列出来-->
    <li>q</li>
    <li>e</li>
    <li>qq</li>
</ul>

显示一个表格

<table border="1"><!--表格开始标签带上后面那个可以有框框-->
    <tr>
        <th>2</th>
        <td>2</td><!--第一行内容TH加粗TD正常-->
    </tr>
    <tr>
        <th>2</th>
        <td>2</td>
    </tr>
</table><!--会打印一个2*2都是2的表格-->

分割页面

<frameset  rows="%50,%50">
    <frame src="1.html">
    <frame src="2.html">
</frameset>     <!--这样会将屏幕分成两块分别显示1 2 也可以玩的花怎末分都行注意1 2需和本身文件在同级,并且frameset不在body框架下-->

开小窗

<iframe src="http://www.people.com.cn/"></iframe>
<!--开一个网址如上的小窗,大小啥的可以改至于怎莫改问百度-->

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值