美文网首页
第一阶段-HTML

第一阶段-HTML

作者: 有一束阳光叫温暖 | 来源:发表于2018-04-02 10:44 被阅读0次

一、html的规范

   1.一个html文件开始标签和结束标签<html></html>

   2.html包含两个部分内容

             a. <head>设置相关信息</head>

             b. <body>显示在页面的内容都写在body里面</body>

   3.html的标签有开始,也要有结束标签

   4.html的代码不区分大小写的

   5.有些标签,没有结束标签,在标签内结束

           比如 换行<br/><hr/>

   6.需要转义的符号  < &lt; > &gt;

二、基本标签

   2.1 列表标签

      <dl>

      <dt>上层内容</dt>

      <dd>下层内容</dd>

      </dl>

   2.2 有序列表

     属性type:设置序列方式1(默认) a i

     <ol type="">

     <li></li>

     <li></li>

     <li></li>

     </ol>

   2.3 无序列表

     type属性圆形,长方形

     <ul type="">

     <li></li>

     <li></li>

     <li></li>

     </ul>

   2.4 图像标签**

     <img src="path"/>

     --width

     --height

     alt:图片显示的文字

   2.5 路径的介绍

     --绝对路径

     --相对路径

     <a href=""></a>

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

     --_blank:在一个新的窗口打开

     --_self:在当前页打开 默认

    *定位位置

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

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

    *引入一个标签pre:原样输出

   2.6 表格

     <table>:表示表格的范围

     border:表格线

     bordercolor:表格线的颜色

     cellspacing:单元格直接的距离

     width:表格宽度

     height:表格的高度

       <tr>

         <td></td>

         <td></td>

         <td></td>

             </tr>

     </table>

     <th></th>表示一个单元格,加粗居中

     表格的标题

     <caption></caption>

     合并单元格

     rowspan:跨行

     colspan:跨列

     表单标签

     <form></form>

     action: 提交到地址,默认提交到当前页面

     method: 表单提交方式

           1.get 2.post

     *面试题目: get和post

  1.get请求地址栏会携带提交的数据,post不会携带

  2.get请求安全级别较低,post较高

  3.get请求数据大小的限制,post没有限制

     enctype:一般请求下不需要这个属性,做文件上传时需要

     输入项:可以输入内容或者或者选择

     有value和name,name必须保持一致

     <input type="输入类型"/>

     type:text,password,radio,checkbox,file,hidden,submit,image,reset,button

     选择项:

<select>

   <option></option>

   <option></option>

</select>

     文本项:

<textarea></textarea>

html 其它标签使用

b:加粗

s:删除线

u:下划线

i:斜体

pre:原样输出

p:段落

sub:下标

sup:上标

div:自动换行

span:在一行显示

三、html的头部使用

    html两部分组成head和body

    在head里面的标签就是头标签

    <meta>标签:设置页面的一些相关内容

    <base>标签:设置超链接的基本设置

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

    <base target="_blank"/>

     link标签:引入外部文件

相关文章

网友评论

      本文标题:第一阶段-HTML

      本文链接:https://www.haomeiwen.com/subject/gyuthftx.html