web前端之html基础知识初级

2019-08-26 05:48:01来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

web前端之html基础知识初级

html 基础标签

单标签
1.注释标签: ctrl+/


换行标签:

横线标签:



标题标签:



段落标签:


表示强调标签: 文字
属性:文字加颜色 color:改变文字颜色
size:改文字大小属性
例如:文字
文本加粗显示:或者
文字斜体显示:
下划线标签:或者
删除价格标签:或者
图片标签:
sec:设置一个图片要显示的路径
title:设置鼠标悬停图片显示的文字
alt:对图片描述 为方便引擎搜索

      图片 width:宽度
       height 高度

没有语义的标签:
内容 实现网页布局 div可包含任何标签
在网页布局中使用

超链接标签:
百度

  title:设置鼠标悬停到超链接的文字提示
  target:-self
  <base target="-blank">超链接跳转页面其他写法  在<head>页面写

锚链接
目标文字
目标

第二天 meta标签用法

防止网页面乱码 charset:字符集 utf-8: 编码格式 (其他格式:gbk gb2312 big5)

<meta name="keywords" content"女装 男装 休闲"> 注意关键字是给搜索引擎看的搜索(网站推广)
<meta name="description " content"女装 男装 休闲"> 网页描述信息给搜索引擎看的搜索(网站推广)

网站重定向(网址指向另一个网页)
3秒跳转百度

link 标签用法
设置网站图标 (图标路径 )注意1 最好把图标放到根目录下,方便寻找。 2.用处 引用外来样式表

5 列表分类
1 无序列表
<ul (type="square"改变圆点) >列表项如下



  • <>睡</>

    注意:
  • 列表内可以包含任何标签(图片 链接标签都可以)
    2 有序列表

    1. 开门

    2. 放进去

    3. 关门


    3.自定义列表

    标题

    列表项

    列表项

    列表项

     </dl>
     注意:dt标签只能包含行内元素
           dd标签可以包含所有标签
           一般网页结尾处用自定义列表
    6。表格                        作用:1.表格显示数据 2.网页布局 
    1.组成
      表头 th
      行  tr  
      列  td
    表格  table
     <table>
       <tr>  (第一行)
         <td>姓名</td>
         <td>年龄</td>
         <td>职业</td>


    (第二行)
    小明


    表格属性在

    标签内:border: 设置边框 width 设置宽度 height 设置高度 cellspacing 设置td与td之间的距离 默认值为2
    cellpadding 设置内容与td的左侧的距离 align: left center right 设置对齐方式 注意:1.如果给table标签设置align属性,只会
    让标签居中 不会让内容居中,给td 或者tr设置align属性可以让其内容居中。
    bgcolor:"pink"设置表格背景颜色 设置表头加粗 用法和td相同 caption 设置标题 用法在table内
    便捷写法: table>tr4>td4(创建表格 加中括号可设置属性)
    表格结构
    去掉单元:横向合并 <colspan=""> 竖向合并:<rowspan="">

    七 表单 1 提示信息 2 表单控件 3 表单域
    表单外面的框框
    表单域 action:设置后台处理数据的后台程序 method:提交程序给后台的方式 get:提交数据(将数据显示在地址栏中) post提交数据:通过后台提交数据 (安全性)

      <from  action="1.php" method="pdst">
               用户名:<input type="text"  name="username">
            <br>
            <br>
               密码:<input type="password"  name="pwd">
             <br> 
              <br>
           <input type ="sumbit">

    七 1,表单控件
    1.文本输入框

    属性: maxlength="" 设置输入最大长度 readonly 设置控件为只读 disabled 禁止用户输入 value 设置默认值 name 设置控件名称 id 控件编号
    2.密码输入框
    该控件属性与文本输入框属性一样
    3.单选控件
    注意:该控件实现单选效果需要给控件设置相同的name 名称
    属性:checked 设置控件默认选中项
    4.下拉列表
    属性: selected 设置控件默认选中项
    其他写法
    5.多选控件 属性: checked 设置控件默认选中项
    爱好: 看书or学习 orluyou旅游
    6.资源上传控件
    自带删除功能 后标删除叉号
    数字设置最大值和最小值
    设置范围
    设置颜色


    在移动端实现弹出数字键盘? required: 必须输入 如不阻止当前提交
    关闭表单提示 autocomplete="off"

    文本域