前端小白进阶Day2-HTML写一首诗并配图

用HTML写一首诗并配上图片

用到的知识点:
1、HTML

元素;
2、HTML 类
3、HTML 图像


话不多说,先上代码。


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>腾讯课堂IMWEB小白Day2title>
head>
<style type="text/css">
.poem{
    font-size: 20px;
    text-align: center;
    margin: 20px;
    padding: 20px;
}
.photo{
    width: 200px;
    height: 300px;
    display: block;
    margin: 0px auto;
}
style>
<body>
    <div class="poem">
    <h1>月下独酌h1>
    
    唐  李白<br /><br />
    花间一壶酒,独酌无相亲。<br />
    举杯邀明月,对影成三人。<br />
    月既不解饮,影徒随我身。<br />
    暂伴月将影,行乐须及春。<br />
    我歌月徘徊,我舞影零乱。<br />
    醒时同交欢,醉后各分散。<br />
    永结无情游,相期邈云汉。<br />
    div>
    <img src="photo.jpg" alt="李白的图片" class="photo">
body>

效果如下:
前端小白进阶Day2-HTML写一首诗并配图_第1张图片

你可能感兴趣的:(html5)