zoukankan      html  css  js  c++  java
  • 前端笔记1-1

    ---恢复内容开始---

    一.html元素

    1.html元素

    <开始标签> 元 素 内 容 <结束标签>

    这就是一个元素:

    2.html元素语法

    HTML元素语法特点:

    HTML 元素以开始标签起始
    HTML 元素以结束标签终止
    元素的内容是开始标签与结束标签之间的内容
    某些 HTML 元素具有空内容(empty content)
    空元素在开始标签中进行关闭(以开始标签的结束而结束)
    大多数 HTML 元素可拥有属性(下面会讲)

    3.html元素嵌套

    <html>

    <head>

    </head>

    <body>

    </body>

    </html>

    4.html空元素

    HTML元素的内容是开始标签与结束标签之间的内容,而某些 HTML 元素具有空内容(empty content),这种元素被叫做空元素。比如说换行符<br>。

    现在多用<br/>,<img/>,<hr/>

     <p></p>与<br/>区别

    <p></p>相当于两次回车 而<br/>相当于一次回车

    <p>

    好雨知时节<br/><br/>

    当春乃发生<br/><br/>

    </p>

    <p>

    <p>好雨知时节</p>

    <p>当春乃发生</p>

    </p>

    相同

    二.html属性

    实例:

    <a href="http://www.w3school.com.cn">This is a link</a>


    <h1 align="center">This is heading 1</h1>  居中显示标题


    <body bgcolor="blue"> 主题背景色设定

    始终为属性值加引号

    属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。

    在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号

    三.html标题

    1.标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

    <h1> 定义最大的标题。<h6> 定义最小的标题。

    注释:默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后。

    2.<hr /> 标签在 HTML 页面中创建水平线。

    3.html注释

    <!-- This is a comment -->

    图片源于w3scool

    四.html段落

    <br/>折行

    五.html样式

    HTML 的 style 属性

    style 属性的作用:

    提供了一种改变所有 HTML 元素的样式的通用方法。

    样式是 HTML 4 引入的,它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式,能够通过使用 style 属性直接将样式添加到 HTML 元素,或者间接地在独立的样式表中(CSS 文件)进行定义。

    <html>
    <body style="background-color:yellow">
    <h2 style="background-color:blue">This is heading</h2>
    <hr/>
    <p style="background-color:red">this is paragraph</p>
    <hr/>
    </body>
    </html>

    使用html的style属性改变背景颜色↑

    总结:在开始标签中加入style="background-color:color"

    font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸:

    <html>
    
    <body>
    <h1 style="font-family:verdana">A heading</h1>
    <p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
    </body>
    
    </html>
    总结:各属性放在style引号内用分号隔开
    text-align 属性规定了元素中文本的水平对齐方式:
     <h1 style="font-family:verdana;color:red;text-align:center">A heading</h1>

    font-family列表
    http://blog.csdn.net/cddcj/article/details/70739481
    http://blog.csdn.net/shoukui_xu/article/details/12555751
    text-align列表
    https://developer.mozilla.org/zh-CN/docs/Web/CSS/text-align

    ---恢复内容结束---

    源于w3school哦~~~

  • 相关阅读:
    洛谷p1017 进制转换(2000noip提高组)
    Personal Training of RDC
    XVIII Open Cup named after E.V. Pankratiev. Grand Prix of Eurasia
    XVIII Open Cup named after E.V. Pankratiev. Grand Prix of Peterhof.
    Asia Hong Kong Regional Contest 2019
    XVIII Open Cup named after E.V. Pankratiev. Grand Prix of Siberia
    XVIII Open Cup named after E.V. Pankratiev. Ukrainian Grand Prix.
    XVIII Open Cup named after E.V. Pankratiev. GP of SPb
    卜题仓库
    2014 ACM-ICPC Vietnam National First Round
  • 原文地址:https://www.cnblogs.com/jieyi/p/8309571.html
Copyright © 2011-2022 走看看