HTML学习

一:

基本结构:

<!doctype html>             -->文档类型声明
<html lang="en">            -->以html开头 中文网站
<head>                      -->文档的头部开始
    <meta charset="UTF-8">  -->字符编码
        <title>标题</title> -->文档标题
</head>                     -->文档头部结束
<body> 文体内容</body>      --文档主体内容部分
</html>                     -->html结束

 

二:

HTML文本的几种标签:

<h1></h1>...<h6></h6>        -->定义标题文字大小

<p></p>   --分段  <hr/>      --换行

<b></b> <strong></strong>  --加粗

.........

 

三:

图片链接:

1.插入图像 <img src="Mylove.jpg" >   相对路径插入(图片和代码文件在同一文件夹下)

若有多个图片,新建一个文件夹images存放,位置也和代码文件在同一文件夹下

2.图片的替换文本 <img src="images/Myloveli.jpg" alt="图片应导入位置">

3.插入图片路径错误,在图片位置会有“图片应导入位置”,即alt定义的文字来替换显示。

4.调整图片尺寸 <img src="images/Mylove.jpg" width="120" height="120">

高和宽,以像素为单位

 

四:

列表标签的使用:

 

<h1>无序列表的使用</h1>
<ul>
    <li></li>
    <li>橙汁</li>
</ul>

有序列表就是把ul改为ol,若要指定顺序的起始位置则:<ol start="位置大小">

嵌套列表使用:在所要嵌套的列表下再建立一个列表,一般是子列表,如
    <li></li>
    <ul>
        <li>红茶</li>
        <li>绿茶</li>
    </ul>

定义列表的使用:

 

<dl>
    <dt>标题</dt>(也可以是图片如:<dt><img src="images/Mylove.jpg" </dt>
    <dd>内容</dd>
    <dd>内容</dd>
</dl>

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值