본문 바로가기
: ) Web/웹 스터디

HTML 꾸미기 - 자기소개 화면 만들기

by miiinn 2023. 11. 9.

📌 HTML 속성들을 이용해 자기소개 화면 만들기

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Profile</title>
    </head>
    <body>

        <img src="lion.jpg" style="width:100px; 
        display: block; margin-left: auto; margin-right: auto">
        
        <h3 style="font-size: 30px; 
        font-family:'Times New Roman'; 
        color:darkolivegreen; 
        letter-spacing: normal;
        text-align: center">Minji Lee</h3>

        <p style="text-align: center; margin-right: 10px; font-family: 'Times New Roman'">
            <span style="color: red;">
                <strong>¡Hola!</strong>
            </span>
            Buenos tardas. Soy coreano y soy muy amable. ¡Mucho gusto!
        </p>

    </body>
</html>