web框架学习前复习——html

最新推荐文章于 2022-10-17 15:47:54 发布

猿团长

最新推荐文章于 2022-10-17 15:47:54 发布

阅读量277

点赞数

分类专栏：自学整理文章标签： html

本文链接：https://blog.csdn.net/u011456867/article/details/52069239

版权

自学整理专栏收录该内容

26 篇文章 0 订阅

订阅专栏

                                       ##html
html是一种超文本标记语言，英文全称为html HyperText Markup Language。是一种基础网页语言。语言由一系列标签组成。
    基本格式为：
                <html>
                      <head>
                           放置一些属性信息，辅助信息。
                           引入一些外部的文件。（css，javascript）
                           它里面的内容会先加载。
                       </head>
                       <body>
                           存放真正的数据。
                        </body>
                </html>
    其中<html></html>为标签，<html>为开始标签</html>为结束标签。标签内部为需要修饰的文本。大部分标签都有开始标签以及结束标签（除了一些功能单一的标签例如<br/>）标签里面可以添加标签的属性已改变标签实现的功能
        例如<html color="red">文本</html> 其中color代表的就是标签的属性，而“ ”里面的内容则是其属性值。标签只能修饰标签内正文的内容，具体标签的所拥有的属性及属性值可参考html文档。
 1.排版标签（经常使用）
        1）换行 <br/>
    2）<p></p> 段落标签 在开始和结束的位置上会留一个空行。属性：align= 对齐方式  
    3）<hr/> 一条水平线属性：宽度：width 值像素 100px 可以写百分比 30%，align= 对齐方式 ，size 粗细，color 值 
    4）div  声明一块区域 <div>数据</div> css+div 
    5）span 声明一块区域  
2.字体标签（经常使用修饰文本内容显示）
    1）<font>文本内容</font>属性：size 字号的大小 最大值是7 最小值是1，color 颜色，face 字体
    2）标题标签：<h1></h1>...<h6></h6>正文内容从大到小字体缩小，<B></B>粗体 ，<I></I>斜体
3.列表标签（没有具体用过）
1）dl 列表标签
    <dl>
        <dt>上层项目</dt>
        <dd>下层项目</dd>特点：自动对齐，自动缩进。
    </dl>
2）有序列表和无序列表
    有序：<ol>
        type：列表前序标号
        start：从第几个开始。
    无序：<ul>
        数据条目：<li>数据内容</li>
        <li><a href="后台的路径">用户管理</a></li> 
4.图片标签（用于上传图片以及网页图片显示）
<img >属性：src="图片的路径"，  width 显示图片的宽度，  height 显示图片的高度， alt 图片的说明文字 
超链接链接（用户网页内容转接）
<a></a>属性：href="" 必须指定  如果href的值不指定，默认是file文件的协议。只有自己指定协议，链接资源。如果href中指定的协议，浏览器不能解析，就会调用应用程序，可以解析的程序就可以打开。还可以定位资源 属性：name（ 名称 专业术语 锚）没使用过   
6.表格标签（经常使用）
<table></table> 声明一个表格。属性：边框 border ，width 宽度，文字与内边框的距离 cellpadding 
        内标签<tr></tr> 行。属性：align 对齐方式（文本内容）
              <td></td>属性：width ，height，colspan 列合并单元格，rowspan 行合并单元格
              <th></th> 会加粗 并且会居中。
             <caption> 表格的标题
7 表单标签（经常使用，可以和服务器进行交互）
<form></form>属性：action="提交的请求位置" ， method 提交方式（get和post） 如果method没有写默认是get方式提交。  get和post区别：1）get方式表单封装的数据直接显示在url上。post方式数据不显示在url上。2）get方式安全级别较低，post级别较高。3）get方式数据长度有限制，post支持大数据。
格式：** ?sex=on：在每个输入的标签中指定name和value  name必须指定
示例：?username=haha&pwd=1223&sex=nv&jishu=html传入值的名称为=号前，值为=号后用&分隔多个
<input/>属性：type 值可以指定很多的值，每一个不同的值代表的不同输入组件。
            1）type=text 文本框 
            2）type=password 密码 
            3）type=radio 单选按钮  name属性 
            4）type=checkbox 多选按钮    单选和多选都有默认值：checked="checked"
            5）type=reset  重置按钮
            6）type=submit 提交按钮
            7）type=file  上传文件的输入项
            8）type=button 按钮 
            9）type=image 图片（也是提交按钮，）
            10）type=hidden 隐藏标签（用户不用看到的，但是咱们开发时必须要使用的，可以把数据封装到隐藏标签中，和表单一起提交到后台）。
<select></select>选择下拉框（选择标签）
<textarea>文本内容</textarea>（文本域textarea)
8.框架标签(还没学习框架不知道具用法）
<frameset>
    <frame>
 </frameset>
框架标签不能写在<body>的内部。body不能写在frameset的上面