dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 816|回复: 0

[Html/Css] HTML5 基础知识(1)——基本标签

[复制链接]
  • TA的每日心情

    2024-2-20 11:15
  • 签到天数: 11 天

    [LV.3]偶尔看看II

    878

    主题

    4343

    帖子

    3995

    积分

    终身会员[A]

    Rank: 7Rank: 7Rank: 7

    积分
    3995

    发表于 2020-3-19 12:00:02 | 显示全部楼层 |阅读模式

    本站资源全部免费,回复即可查看下载地址!

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    ## 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的标签。

    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|小黑屋|本站代理|dmz社区

    GMT+8, 2025-2-2 04:39 , Processed in 0.095975 second(s), 30 queries .

    Powered by Discuz! X3.4 Licensed

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表