HTML基础

HTML(Hypertext Markup Language)即超文本标记语言,它是不需要编译直接由浏览器执行的,html是一个文本文件,后缀名必须写成.html或者.xml,HTML对大小写不敏感。

Html的基本格式:(注释内容放在<!--  -->里面)

在文本的首行声明文本类型,语句为:<!DOCTYPE HTML>.

有时候页面会出现乱码,这时候需要设置编码格式,语句写在head标签里面

<meta http-equiv=Content-Type content=text/html;charset=utf-8 />

HTML里面会有许多的标签,标签里面会有属性,属性会被赋值,下面来具体学习学习。

一、HTML基础

1、文字和段落标签

1、标题标签:<h1></h1>~~~~<h6></h6>字体一次缩小

2、段落标签:<p align=left></p>   其中align的属性值有leftrightcenterjustify四种

3、<br> 是单标签,换行标签; 表示空格;<pre></pre>可以保留编辑的样式。

4、水平线:<hr/> 属性值:width=80%colorcenternoshade(设置水平线无阴影)

    5、文字修饰标签:

文字斜体:<i></i>,<em></em>

加粗    <b></b>,<strong></strong>

下标    <sub></sub>

上标    <sup></sup>

下划线  :<ins></ins>

删除线  :<del></del>

6、特殊符号:2、列表标签

列表标签分为有序列表、无序列表、和定义列表。依次了解。

1、无序列表代码格式:

<ul type="disc">         type属性值表示无序列表项前面的小符号形状。disc(小圆点,默认)square(正方形)

    <li>无序列表项</li>                           circle(空心圆)

    <li>无序列表项</li>

   <li>无序列表项</li>

</ul>

    2、有序列表

                   <ol type = "1"> 1(数字)、A(大写字母)、a(小写字母)、i(小写罗马)、I(大写罗马)

                            <li>有序列表项</li>

                              <li>有序列表项</li>

                    </ol>

    3、定义列表

                    <dl>                                                                               dl、dt、dd同时使用,一个dt可以多个dd

                            <dt>定义列表项</dt>

                            <dd>列表项描述</dd>

                            <dd>列表项描述</dd>

                            <dt>定义列表项</dt>

                            <dd>列表项描述</dd>

                    </dl>

3、图像和超链接

    <img  src="url" alt ="" ·······/>

超链接:<a href="" >内容</a>


定义锚   同一页面:

            <a href="#锚名1">目录1</a>

            <a href="#锚名2">目录2</a>


            <a href="" name = "锚名1"> 内容 </a>

                xxxxxxxxxxxxx

            <a href="" name = "锚名2"> 内容 </a>

定义锚   不同页面: <a href="网页名#锚名">.....</a>

电子邮件链接:<a href="mailto:邮件地址">....</a>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值