HTML大纲

2021-03-12 23:27

阅读:294

YPE html>

标签:webkit   int   div   elf   amp   标记语言   列表   str   row   

1.快捷键:单词+TAB
2.初始代码
    DOCTYPE html> 文档声明
    html lang="en">
    head>
        meta charset="UTF-8">  
        meta name="viewport" content="width=device-width, initial-scale=1.0">
        meta http-equiv="X-UA-Compatible" content="ie=edge">
        title>Documenttitle> 
    head>
        body>
        body>
    html>
3.文本修饰标签:
    强调: strong>strong>  加粗
            em>em> 斜体
        strong的强调性更强
    下标:sub>sub>
    上标:sup>sup>
    删除文本、插入文本:(一般需要配合使用)
        del>del>
        ins>ins>
4.图片标签和图片属性:
    img>   (单标签)
        属性: src:引入图片地址
               alt:当图片有问题时提示友好的文字
               title:提示信息
               width、height:图片的大小
5.引入文件的路径:
    相对路径:
        .当前路径
        ..上级路径
    绝对路径:
6.跳转 a>a>标签
    属性:href、target
        href:链接的地址
        target:改变链接的打开方式,在当前页面打开 _self  新窗口打开 _blank 
        例如:a href="  " target="_blank">a> 
        base  控制作用  base target="_blank">,所有链接都在新窗口打开
    跳转锚点:
        方式一:# 配合id 例如:
        a href="#html">HTMLa>
        a href="#css">CSSa>
        a href="#java">JAVAa>
        h2 id="html">HTMLh2>
        p>超文本标记语言p>
        p>超文本标记语言p>
        p>超文本标记语言p>
        p>超文本标记语言p>
        p>超文本标记语言p>
        h2 id="css">cssh2>
        p>层叠样式表p>
        p>层叠样式表p>
        p>层叠样式表p>
        p>层叠样式表p>
        p>层叠样式表p>
        p>层叠样式表p>
        h2 id="java">JAVAh2>
        h2>编程语言h2>
        h2>编程语言h2>
        h2>编程语言h2>
        h2>编程语言h2>
        h2>编程语言h2>
        h2>编程语言h2>
        h2>编程语言h2>
        方式二:# 配合 name 例如:
        a href="#html">HTMLa>
        a href="#css">CSSa>
        a href="#java">JAVAa>
        a name="html">
        h2>HTMLh2>
        p>超文本标记语言p>
        p>超文本标记语言p>
        p>超文本标记语言p>
        p>超文本标记语言p>
        p>超文本标记语言p>
        a name="css">
        h2>cssh2>
        p>层叠样式表p>
        p>层叠样式表p>
        p>层叠样式表p>
        p>层叠样式表p>
        p>层叠样式表p>
        p>层叠样式表p>
        a name="java">
        h2 >JAVAh2>
        h2>编程语言h2>
        h2>编程语言h2>
        h2>编程语言h2>
        h2>编程语言h2>
        h2>编程语言h2>
        h2>编程语言h2>
        h2>编程语言h2>
7.特殊符号
    &+字符
8.无需列表:
    ul li  之间不允许有其他标签,li中可以有其他标签
        ul>
            li>li>
            li>li>
        ul>
    ul type=""> 可以设置,但是样式一般在css设计
9.有序列表:
    ol>,li> 之间不允许有其他标签,li中可以有其他标签,一般不常用,无需列表可以代替有序列表。支持type属性,样式一般在css控制
10.定义列表:dl>,dt>,dd>  分别定义列表;定义名词;对名词进行解释。例如:
    dl>
        dt>cssdt>
        dd>层叠样式表dd>
    dl>
11.嵌套列表:
12.表格标签:
    table>
    tr> 表格行
    th> 表头
    td> 定义表格单元   
    caption> 定义表格标题  
    要符合嵌套规范
    语义化标签,tHead>,tBody>,tFood>,在一个table中,只能有一个tHead>tFood>
13.表格属性:
    border:
    cellpadding:
    cellspacing:
    rowspan:
    colspan:
    align:
    valign:
14.表单标签:
    form、input..
        input(单标签)的type属性,决定
            text、password、checkbox、radio、file、submit、reset
    textarea> 多行文本框
    select>option> 下拉菜单
    lable> 辅助表单
15.div和span
    div:区域快
    span:对文字进行修饰的内联

1.快捷键:单词+TAB2.初始代码 文档声明

Document3.文本修饰标签: 强调: 加粗 斜体 strong的强调性更强 下标: 上标: 删除文本、插入文本:(一般需要配合使用)4.图片标签和图片属性: (单标签) 属性: src:引入图片地址 alt:当图片有问题时提示友好的文字 title:提示信息 width、height:图片的大小5.引入文件的路径: 相对路径: .当前路径 ..上级路径 绝对路径:6.跳转 标签 属性:href、target href:链接的地址 target:改变链接的打开方式,在当前页面打开 self 新窗口打开 _blank 例如: base 控制作用 ,所有链接都在新窗口打开 跳转锚点: 方式一:# 配合id 例如:HTMLCSSJAVA

HTML

超文本标记语言

超文本标记语言

超文本标记语言

超文本标记语言

超文本标记语言

css

层叠样式表

层叠样式表

层叠样式表

层叠样式表

层叠样式表

层叠样式表

JAVA

编程语言

编程语言

编程语言

编程语言

编程语言

编程语言

编程语言 方式二:# 配合 name 例如:HTMLCSSJAVA

HTML

超文本标记语言

超文本标记语言

超文本标记语言

超文本标记语言

超文本标记语言

css

层叠样式表

层叠样式表

层叠样式表

层叠样式表

层叠样式表

层叠样式表

JAVA

编程语言

编程语言

编程语言

编程语言

编程语言

编程语言

编程语言7.特殊符号 &+字符8.无需列表: ul li 之间不允许有其他标签,li中可以有其他标签
    • 可以设置,但是样式一般在css设计9.有序列表:
        ,
      1. 之间不允许有其他标签,li中可以有其他标签,一般不常用,无需列表可以代替有序列表。支持type属性,样式一般在css控制10.定义列表:
        ,
        ,
        分别定义列表;定义名词;对名词进行解释。例如:
        css
        层叠样式表
        11.嵌套列表:12.表格标签: 表格行 定义表格标题 要符合嵌套规范 语义化标签,,,,在一个table中,只能有一个13.表格属性: border: cellpadding: cellspacing: rowspan: colspan: align: valign:14.表单标签: form、input.. input(单标签)的type属性,决定 text、password、checkbox、radio、file、submit、reset 多行文本框 下拉菜单 辅助表单15.div和span div:区域快 span:对文字进行修饰的内联

        HTML大纲

        标签:webkit   int   div   elf   amp   标记语言   列表   str   row   

        原文地址:https://www.cnblogs.com/cgb123/p/12824985.html

        表头 定义表格单元


      2. 评论


        亲,登录后才可以留言!