HTML基础(1)

待我称王封你为后i 2022-06-05 00:27 213阅读 0赞

> 网页的组成:  
> HTML—-相当于我们的毛坯房、  
> CSS—-网页的装修队、  
> javascript—-智能家居

## 1, HBuilder开发工具 ##

> ctrl+n: 新建文件  
> ctrl+s: 保存  
> ctrl+r: 运行  
> ctrl+z: 撤销  
> ctrl+c ：复制  
> ctrl+v :粘贴  
> ctrl+x ：剪切  
> ctrl+a ：全选  
> ctrl+shift+F:整理代码  
> ctrl+/：注释

## 2, 字符实体 ##

> Html中常用的转义字符：  
>   不换行空格  
> > >右尖括号  
> < <左尖括号

## 3, 基本标签 ##

> 块标签， 用来设置文档区域，是文档布局常用对象  
> 结点标签 可以是某一小段文本，或是某一个字。

<h1></h1>一级标题
    <h2></h2>二级标签
    ....
    <h6></h6>六级标签
    <p></p>段落标记
    <i></i>文本倾斜
    <b></b>字体加粗
    <u></u>下划线
    </br>换行

## 4,列表 ##

无序列表
    <ul>
        <li>列表1</li>
        <li>列表2</li>
        <li>列表3</li>
    </ul>
    有序列表
    <ol type="1",start = '2'>
        <li>列表1</li>
        <li>列表2</li>
        <li>列表3</li>
    </ol>
    type:规定列表中的列表项目的项目符号的类型
    1 数字顺序的有序列表（默认值）（1, 2, 3, 4）。
    a 字母顺序的有序列表，小写（a, b, c, d）。
    A 字母顺序的有序列表，大写（A,B,C,D)
    i 罗马数字，小写（i, ii, iii, iv）。
    I 罗马数字，大写（I, ii, iii, iv）。
    start 属性规定有序列表的开始点。
    
    自定义列表
    <dl>
        <dt>衣服</dt>
        <dd>短袖</dd>
        <dd>裤子</dd>
        <dd>长袖</dd>
    </dl>

## 5, 超链接和图像 ##

<a href=“目标文件路径及全称或者连接地址” title=“提示文本”>链接文本或图片</a>
    <a href="#">空链接</a>

## 6, 插入图片 ##

## 7, 选择器 ##

class 对应.
    id 对应#
    .span1{color: blueviolet;}
    #span2{color: greenyellow;}
    <span class="span1">span1</span>
    <span id="span2">span2</span>