web前端之html基础知识初级

html 基础标签

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

换行标签：
横线标签：
标题标签：

段落标签：

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

图片 width:宽度
height 高度
没有语义的标签：

内容
实现网页布局 div可包含任何标签
在网页布局中使用

超链接标签：
百度

title:设置鼠标悬停到超链接的文字提示
target:-self
超链接跳转页面其他写法 在页面写
锚链接
<div id=""路径位置>目标文字
目标

第二天 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.自定义列表

    标题

    列表项

    列表项

    列表项


    注意：dt标签只能包含行内元素
    dd标签可以包含所有标签
    一般网页结尾处用自定义列表
    6。表格 作用：1.表格显示数据 2.网页布局
    1.组成
    表头 th
    行 tr
    列 td
    表格 table

    （第一行）


    （第二行）
    姓名 年龄 职业
    小明
    表格属性在标签内：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>tr*4>td*4（创建表格 加中括号可设置属性） 表格结构 去掉单元:横向合并 竖向合并：

    七 表单 1 提示信息 2 表单控件 3 表单域

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


    用户名:




    密码：






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

    属性： maxlength="" 设置输入最大长度 readonly 设置控件为只读 disabled 禁止用户输入 value 设置默认值 name 设置控件名称 id 控件编号
    2.密码输入框
    该控件属性与文本输入框属性一样
    3.单选控件
    注意：该控件实现单选效果需要给控件设置相同的name 名称
    属性：checked 设置控件默认选中项
    4.下拉列表
    属性： selected 设置控件默认选中项
    其他写法

    • posted @ 2019-08-25 16:29  平凡丶soul  阅读(314)  评论(0)    收藏  举报