Python HTML day1

1.本地调试的时候可以随便建个文本调试,直接打开就能看到效果,不需要一直用socke创建服务器来连接(pycharm可以直接在编程时打开)

2.Doctype :告诉游览器使用什么规范来解析html文档,如果没写,就默认是BackCompat

  1.BackCompat:标准兼容模式未开启

  2.CSSlCompat:标准兼容模式已开启

3.HTML(主体)
  - 标签
  Meta(metadata information) 自闭合标签
    1.页面编码:<meta charset="UTF-8">
    2.刷新和跳转
      刷新:<meta http-equi="Refresh" Content="30"/>
      跳转:<meta http-equi="Refresh" Content="30;Url=http://www.xx.com"/>
    3.关键字和描述:
      <meta name="keywords" content = '关键字'/>
      <meta name="description" content = '描述'/>
    4.X-UA-Compatible (用IE内核解析)
      <meta http-equi="X-UA-Compatible" content="IE=edge"/>
  Title:就是页面的头部信息
  Link:
    1.css
    2.icon
      <link rel="shortcut icon" href="image/favicon.ico">

  div:      本身没有什么效果,只是显示,默认是块级标签,占一整行(div,h1,p)
  span:本身没有什么效果,只是显示,默认是内联标签,是什么就是什么(a,span,select)
  PS:如果想要输入<h> 或<m等等的话,可以使用 &lt;h&gt; 这样就能显示了,不然会被当成特殊标签
    空格是&nbsp;

  p标签代表一个段落,因为行与行之间有空隙 <br/>表示换行<hr/>表示分割线

  input输入类型:text,password,radio,checkbox,file,button,submit,reset

    <p>用户名:       <input type="text"></p>      <!--     会显示输入文本-->
    <p>密 码: <input type="password"></p>         <!--     不会显示输入文本-->
    <p>多行输入文本框:<textarea></textarea></p>
    <p>性别(单选):男<input type="radio" name="性别" value="男">女<input type="radio" name="性别" value="女"></p>
  <p>文件:<input type="file"></p》
    <p>爱好(多选框)
        <br/> 兴趣1<input type="checkbox">
        <br/> 兴趣2<input type="checkbox">
        <br/> 兴趣3<input type="checkbox">
        <br/> 兴趣4<input type="checkbox">
    </p>
<!--          下拉选择-->
    <p>所在城市:
        <select>
            <option>北京</option>
            <option>福建</option>
            <option>上海</option>
            <option>广东</option>
        </select>
<!--        一次性显示多个选项,按住ALT就能多选-->
        <select multiple size="10">
            <option>北京</option>
            <option>福建</option>
            <option>上海</option>
            <option>广东</option>
        </select>
<!--        给选项分配标签,标签不可选-->        
        <select >
            <optgroup label="标签1">
                 <option>北京</option>
                 <option>福建</option>
            </optgroup>
            <optgroup label="标签2">
                <option>上海</option>
                <option>广东</option>
            </optgroup>
        </select>
    </p>

      提交输入内容:作用范围 所在form

    <input type="submit" value="提交">   <!-- 提交-->
    <input type="button" value="提交">   <!-- 只是个按键,想实现功能需要联动-->
    <input type="reset" value="提交">    <!-- 重置输入内容-->

  select - 下拉选择

  textarea - 多行文本

  form  - 要提交的内容放在这里面

 

  a标签
    1.跳转页面
      <a href = "http://www.baidu.com">百度1</a> 刷新掉原来标签页
      <a href = "http://www.baidu.com" target = _blank>百度2</a> 新建一个标签页
    2.锚点
      把a标签和其他标签建立关系,使得可以用a标签跳转
      <a href="#i1">点击</a>
      <div id="i1" style="height: 500px">这里1</div>

  h标签:

    h1,h2,h3,h4,h5,h6  默认字体逐渐变小

 

posted @ 2020-03-22 22:04  otome  阅读(178)  评论(0编辑  收藏  举报