zoukankan      html  css  js  c++  java
  • HTML5

    • <!DOCTYPE html> 声明为 HTML5 文档
    • <html> 元素是 HTML 页面的根元素
    • <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8
    • <title> 元素描述了文档的标题
    • <body> 元素包含了可见的页面内容
    • <h1> 元素定义一个大标题
    • <p> 元素定义一个段落

    内部样式表:当单个文件需要特殊样式时,在<head>部分通过 <style>标签定义内部样式表:

    <head>
    <style type="text/css">
    body {background-color:yellow;}
    p {color:blue;}
    </style>
    </head>

    外部样式表:当样式需要被应用到很多页面的时候,你就可以通过更改一个文件来改变整个站点的外观:

    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>

    class 为html元素定义一个或多个类名(classname)(类名从样式文件引入)
    id 定义元素的唯一id
    style 规定元素的行内样式(inline style)
    title 描述了元素的额外信息 (作为工具条使用)

    HTML 标签:

    1. hr:定义水平线;
    2. <!--....-->:注释;
    3. font:定义字体样式;
    4. br:换行;
    5. b,em:都是字体加重;
    6. i:定义斜体字;
    7. ins定义插入字;
    8. del:定义删除字
    9. abbr:定义缩写;
    10. address:定义地址,<address><a href="地址">DZ</address>
    11. <a href"">连接<a>

    HTML 元素:

    1. <head>:饱含所有元素标签,可以添加头部标签有:<title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.还可以插入(scripts), 样式文件(CSS)
    2. <title>:定义不同文档的标题。
    3. <base>:  标签描述了基本链接地址/链接目标,该标签作为HTML文档中所有标签的默认连接。
    4. <link>:标签定义了文档中与外部资源之间的关系,通常用于链接到样式表。
    5. <style>:标签可以定义了HTML文档的样式文件引用地址,在<style>元素中可以直接添加CSS样式来渲染HTML文档。(定义文本样式)
    6. <map name="" ;id=""><area shape="形状" coords="坐标" alt="text" href="url">定义图像映射中的区域</area></map>:用于图像映射,图像映射指的是带有可点击区域的图像

    HTML 属性:

    1. 设置字体:font—family(字体),color(颜色),font-size(字体大小),text-align(字体对齐)
    2. 设置图像:<img src="源属性的值是图像的 URL 地址。"  alt="替换文本属性的值是用户定义的,假如说图像不显示的话系统会显示这个文本" width="图片宽度" height="图像高度"  usemap="图像映射的名字或ID">
    3. margin:这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度
    4. clear: 设置浮动,none:允许两边都可以有浮动,both:不允许有浮动对象,left:不允许左边有浮动,rigth:不允许右边有浮动。    

    HTML 标签:<input type="" name="' valuem="">

    1. <input type="radio" name="sex" valuem="male">Male  <br> <input type="radio" name="sex" valuem="Female"> Female
    2. <textarea></textarea>
    3. 下拉框:<from action="提交地址">
    4.    <select  name="cars">
    5. <option value="A"> A<option>
    6. <option value="B"> B<option>
    7. <option value="C">C<option>
    8. </select>
    9. </from>
    10. <fieldest><legend>定制标题</legend></fieldest>:将表单内相关元素分组,标签会在相关表单元素周围绘制边框。
    11. <datalist id="ID"></datalist>用户能看到一个下拉列表,里边的选项是预先定义好的,将作为用户的输入数据  <INPUT LIST="ID">
  • 相关阅读:
    【hihocoder】1237 : Farthest Point 微软2016校招在线笔试题
    POJ 1061青蛙的约会。求解(x+mT)%L=(y+nT)%L的最小步数T。
    Gym 100633G Nano alarm-clocks
    shell script 的追踪与 debug
    vim使用心得
    Linux修改vimrc配置文件,让vi更贴心
    shell script中的case……esac判断
    stl容器区别: vector list deque set map-底层实现
    const对象为什么可以在头文件中定义
    shell script中的syntax error near unexpected token `then' 问题
  • 原文地址:https://www.cnblogs.com/FSH1014/p/10757724.html
Copyright © 2011-2022 走看看