• HTML基础复习(一)


    HTML:超文本标记语言(HyperText Markup Language),不是一种编程语言,是标记语言
    HTML元素:
    <p>段落</p>
    HTML标签:
    <p>段落</p>
    HTML声明:<!DOCTYPE>并不是标签
    HTML5:<!DOCTYPE html>
    HTML4.0.1 strict:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    HTML 4.01 Transitional:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    HTML 4.01 Frameset :<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
    "http://www.w3.org/TR/html4/frameset.dtd">
    XHTML 1.0 Strict:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    XHTML 1.0 Transitional:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    XHTML 1.0 Frameset:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
    XHTML 1.1:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
     
    HTML标题:
    <h1>~<h6>
    标题很重要,不要仅仅为了字体样式而使用,搜索引擎使用标题编制索引
    HTML段落:
    <p>...</p>
    如果要在段落中换行,用<br/>
    HTML链接:
    <a href = "http://www.runoob.com">...</a>
    链接中的target属性:
    target值 描述 示例
    _blank 在新窗口打开链接 <a href = "http://www.runoob.com" target="_blank">...</a>
    _self 默认,相同框架中打开链接 <a href = "http://www.runoob.com" target="_self">...</a>
    _parent 在父框架中打开链接 <a href = "http://www.runoob.com" target="_parent">...</a>
    _top 在整个窗口中打开链接 <a href = "http://www.runoob.com" target="_top">...</a>
    framename 在指定的框架中打开链接  
    链接中的id属性:
    <a id="tar">我在这里</a>
    ......
    <a href="#tar">跳转</a>
     
    HTML图像:
    <img src = "" width="" height=""/>
    HTML换行(空元素):
    <br/>
    HTML水平线:
    <hr/>
    HTML整个文档:
    <html>...</html>
    HTML内容主体:
    <body>...</body>
    HTML头:
    <head></head>
    可以添加在head内的标签有:title、style、link、script、noscript、base
    HTML<link>:
    只能在head中
    空元素,只有属性
    <link rel = "stylesheet" type = "text/css" href = "/dir/theme.css"/>
    HTML<style>:在head内
    定义样式文件的引用地址
    <style type="text/css">
    h1 {color: yellow}
    p {color: red}
    </style>
    HTML元数据:在head内
    定义关键字:<meta name="keywords" content = "HTML,css,xml"/>
    定义描述内容:<meta name="description" content = "学习html"/>
    定义网页作者:<meta name="author" content = "Demi"/>
    定义元字符集:<meta charset = "UTF-8"/>
    定义网页刷新(每三十秒刷新一次):<meta http-equiv="refresh" content="30"/>
    HTML<base>:在head标签内
    <base href="http://......" targe="_blank" />定义页面中所有链接默认的目标地址。
    HTML属性:
    属性是HTML元素提供得附加信息
    一般以名称/值对的形式
    一般描述在开始标签中
    举例:<a href = "http://www.runoob.com">...</a>
    属性值一般以双引号包含,单引号也可以;但是在内容本身有双引号的时候,必须用单引号包含,比如:name = 'aaaaa "bbbbb"ooooo'
    常见属性:class、id、style、title……
    HTML注释:
    <!--注释-->
    HTML空行与空格:
    所有连续的空格和空行都会被算作一个空格
    HTML加粗:
    <b>...</b>
    <strong>...</strong>
    HTML斜体:
    <i>....</i>
    <em>...</em>
    HTML字体放大:
    <big></big>
    HTML字体缩小:
    <small></small>
    HTML上标:
    <sup></sup>
    HTML下标:
    <sub></sub>
    HTML预格式文本:保留空格与换行,适合显示代码
    <pre>...</pre>
    HTML缩写:
    <abbr title="People`s Republic of China">PRC</abbr>
    HTML删除文本:
    <del>...</del>
    HTML下划线:
    <ins>...</ins>
     
     
     
     
  • 相关阅读:
    CCF模拟题 窗口
    CSUOJ 1541 There is No Alternative
    MySQL数据库优化的八种方式(经典必看)
    PHP面向对象-----魔术方法
    PHP面向对象(OOP)----分页类
    2017最新PHP初级经典面试题目汇总(下篇)
    2017最新PHP经典面试题目汇总(上篇)
    原型模式
    适配器模式
    策略模式
  • 原文地址:https://www.cnblogs.com/YanRuYu-MoRuHua/p/6677600.html
Copyright © 2020-2023  润新知