zoukankan      html  css  js  c++  java
  • HTML5 基础知识(1)——基本标签

    ## HTML
    **概念**:是最基础的网页开发语言
    (Hyper Text Markup Langage 超文本标记语言)

    > 1.超文本:超文本是用超链接的方式i,将各种不同空间的文字组织在一起的网状文本。
    > 2.标记语言:由表签构成的语言,如HTML,xml。(标记语言不是编程语言)

    **快速入门**:

    - 语法:

    ```css
    1.HTML文档后缀名为 .html 或 .htm
    2.标签分为:
    * 围堵标签:有开始标签有结束结束标签。如:<html> </html>
    * 自闭和标签:开始标签和结束标签在一起。如:<br />.
    3.标签可以嵌套:需要正确嵌套,不能你中有我,我中有你的形式。
    例如:错误:"<a><b></a></b>",正确"<a><b></b></a>"
    4.在开始标签中可以定义属性。属性是由键值对构成,值需要引号(单双都可以)引起来
    5.HTML的标签不区分大小写,但建议小写。

    ```
    **标签学习**

    ```javascript
    1.文件标签:
    HTML:HTML文档的根标签
    head:头标签。用于指定HTML文档的一些属性。引用外部资源。
    title:标题标签
    body:体标签
    <!DOCTYPE html>:html5中定义该文档为HTML文档
    2.文本标签:
    注释:<!--注释内容-->
    <h1> to <h6>:标题标签
    h1 -- h6 字体大小逐渐减小
    <p>:段落标签
    <br />:换行标签
    <hr />:水平线标签
    属性:
    color:颜色
    width:宽度
    size:高度
    align:对齐方式
    center:居中
    left:左对齐
    right:右对齐
    <b>:字体加粗
    <i>:斜体
    <font>字体标签(不在使用)
    属性定义:
    color:
    1.英文单词:red,green,blue
    2.rgb(值1,值2,值3):值的范围:0~255 如: rgb( 0,0,255)
    3,#值1,值2,值3:值的范围:00~FF之间。如:#FF00FF
    width:
    1。数值:width=‘20’,数值的单位‘px’ ,默认是像素。
    2.数值%:占比相对于父元素的比例。

    ```

    **列表标签**

    ```javascript
    1。有序标签:
    ol:外层
    li:内层
    2.无序标签:
    ul:外层
    li:内层
    ```

    **链接标签**

    ```javascript
    < a >: 定义一个超链接标签
    属性:
    href:指定访问访问资源的URl(统一资源定位符)
    target:指定打开资源的方式
    _self:默认值,在当前界面打开
    _blank:在新的界面窗口打开
    ```

    **div 和 span:**
    ```javascript
    <div>:每一个div占满一行。块级标签
    <span>:文本信息在一行展示,行内标签 内联标签。
    ```
    **语义化标签:**

    ```javascript
    HTML5中为了提高程序的可读性,提供了一些标签
    1. <header>:页眉
    2. <footer>:页脚
    ```
    **表格标签**

    ```javascript
    1.table:定义一个表格
    width:宽度
    border:边框
    bgcolor:背景色
    align:对齐方式
    2.tr:定义行
    3.td:定义单元格
    4.th:定义表头单元格
    5.<caption>:表格标题
    <thead>:表示表格的头部分
    <tbody>:表示表格的体部分
    <tfoot>:表示表格的脚部分
    ```

    以上就是一些基本的HTML的标签。

     
  • 相关阅读:
    *循环-04. 验证“哥德巴赫猜想”
    循环-03. 求符合给定条件的整数集
    *循环-01. 求整数段和【help】
    分支-15. 日K蜡烛图
    分支-14. 简单计算器
    *分支-13. 计算天数
    *分支-12. 计算火车运行时间
    自我介绍
    JAVA WEB第0课
    Forward团队-爬虫豆瓣top250项目-成员简介与分工
  • 原文地址:https://www.cnblogs.com/haoshaoqian/p/12458634.html
Copyright © 2011-2022 走看看