Web前段0001--html的一些知识

label——控件标签
Method1:

<label  for ="username">姓名:</lable`在这里插入代码片`><input type="text" name="username"id="name"> 

Method2:

<label >name<input type="text"></lable>

控件分组_fieldset

<fieldset>
<legend>健康信息<legend>
<lable for="height">身高<lable><input type="text" name="height"/>
<lable for="weight">体重<lable><input type="text" name="weight"/> 
</fieldset>
```
内联框架
举例在a 页面
中加载b c页面
a.html
````html
<iframe src="test1/top.html" height="125" width="100%" frameborder="0" scrolling="no"></iframe>
<iframe src="test1/left.html" width="30%" frameborder="0" scrolling="no" height=600> </iframe>
<iframe src="test1/rightA_1.html" name="MyFrame" width="69%" frameborder="0" scrolling="no" height=600> </iframe>  //name是重点
<iframe src="test1/bottom.html" frameborder="0" scrolling="no"></iframe>

b.html


<div class="right">
        <h2>HTML标记</h1>
        <p><a href="rightA_1.html"target="MyFrame">文本格式标记</a></p>  //target 是重点
        <p><a href="rightA_2.html"target="MyFrame">超链接标记</a></p>
        <p><a href="rightA_3.html"target="MyFrame">图像标记</a></p>
        <p><a href="rightA_4.html"target="MyFrame">多媒体标记</a></p>
        <p><a href="rightA_5.html"target="MyFrame"></a></p>
        <p><a href="rightA-6.html"target="MyFrame">表格标记</a></p>
        <p><a href="rightA-7.html"target="MyFrame">表单标记</a></p>
    </div>

List item

元标记mata

  1. http-equiv 属性
  • 文档内容类型
<meta  http-quiv="Content-Type" content="text/html"charset="utf-8" />
  • 网页过期时间
<meta http-quiv="expires" content="31 Dec 2018"/>
  • 自动刷新
<meta http-quiv="Refresh" content="5"url="http://www.lyu.edu.cn"/>
5秒刷新临大官网
  1. name属性
  • 关键字
<meta name="keywords"content="关键字1,关键字2"/>
  • 描述
<mata name="decription" content="描述段落"/>
  • 作者
<mata name="author" content="Dan"/>
  • 编辑器
<mata name="generator" content="VScode"/>
  • 修订者
<mata name="drevised=" content="Tina"/>
  1. conten 属性
  • 提供了名/值对中的值

猜你喜欢

转载自blog.csdn.net/qq_41448891/article/details/82770064