let's code -HTML标签 篇


简介一些基础常用的html标签

HTML 标签是由尖括号包围的关键词,比如 <html>
HTML 标签通常是成对出现的,比如 <b> 和 </b>

通用声明

HTML5 声明
<!DOCTYPE html>

常用标签介绍

  • head,link,meta,style,title
  • h1~h6, p, article, main, nav...
  • div,iframe,a,form...
head
规定文档相关的配置信息(元数据),包括文档的标题,引用的文档样式
和脚本等
link
规定了当前文档与外部资源的关系。该元素最常用于链接 [样式表]
(https://developer.mozilla.org/zh-CN/docs/Glossary/CSS),
此外也可以被用来创建站点图标(比如PC端的“favicon”图标和移动设备
上用以显示在主屏幕的图标) 。
meta
表示那些不能由其它HTML元相关元素 (<base>, <link>, 
<script>, <style> 或 <title>) 之一表示的任何元数据
信息.
style
包含文档的样式信息或者文档的部分内容。默认情况下,该
标签的样式信息通常是CSS的格式。
title
定义文档的标题,显示在浏览器的标题栏或标签页上。它只
可以包含文本,若是包含有标签,则包含的任何标签都不会
被解释。
h1~h6, p, article, main, nav
内容分区元素,h1~h6主要用于文章标题,p用于包裹段落,
article用与包裹文章,main包裹页面的主体,nav常用于
包裹目录或者链接的索引
div
作为容器使用,不代表任何特定内容,很适合用来对元素进
行分组,<div class = 'one'>常用class进行分类控制
iframe
页面内套用页面
<iframe src="" frameborder="0"></iframe>
    name属性  与a标签结合使用
    frameborder ="0" 清除自带的边框
    默认高度50 长度100
    穿插css 特性宽度可以100%设置 高度不能进行100%设置
a
    <a target =ss href="">点击跳转</a>
    target属性  :可以指定打开一个页面 _blank(空页面打开) _self(当前页面)  _parent( 父级页面打开)_top(顶层页面内打开)
    download 属性:下载页面或文件
    href 属性 :简单也复杂   
        特殊情况 锚点 href="#"不会发发起请求
                    请求href="?name= framk"   就会发起请求 参数为framk
    javascript 伪协议 href="javascrip :;"  
form
    用来发请求标签 与a标签的区别  

    a get请求  form 是post请求  

    如果form表单里面没有提交按钮 就不能提交 (如果里面只有一个button标签,button标签就会自动升级成提交        按钮 )
input
type属性  
    button
    text
    checkbox
        <input type="checkbox" id="option1"><label for="option1">香蕉</label>
        <label ><input type="checkbox" name="fruit"  value="banana">香蕉</label>
        lable的for和input的id要对应    但是把input用lable包起来 就可以直接建立联系 
    理解 name 和value 的作用
    radio
        <label ><input type="radio" name="choice" value="yes">ok</label>
        <label ><input type="radio" name="choice" value="no">no</label>
    selection
        <section name="group" multiple>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3" disabled> 3</option>
            <option value="4" selected>4</option>
        </section>
    textarea
    table

Steven
4 声望0 粉丝

下一篇 »
CSS