티스토리 뷰

HTML & CSS

[HTML & CSS] Paragraph & Anchor

Dongi 2021. 12. 2. 09:02

안녕하세요 동기 여러분! 오늘은 문단(Paragraph)과 링크 다는 방법(Anchor)에 대해 알아봅시다! 복습하는 의미로 빠르게 갑시다!

 

Paragraph 

문단입니다. 

 

 

생김새

<!DOCTYPE html>
<html>
<head>
    <title>마블 코믹스 유니버스</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
    <h1>마블 코믹스 유니버스</h1>
    <h2>1.히어로</h2>
    <p>
        <ul>
            <li>가모라</li>
            <li>개리슨 케인</li>
            <li>갬빗</li>
            <li>게이트웨이</li>
            <li>건틀릿</li>
            <li>고스트 라이더</li>
            <li>그래비티</li>
        </ul>
    </p>
</body>
</html>

 

아래는 실행 화면입니다.

 

 

Anchor

<a></a> 태그로 링크를 걸어줄 수 있습니다. href = Hypertext REFerence를 속성으로 넣어서 주소를 넣어주면 됩니다.

태그 사이에는 클릭이 가능한 문구를 넣어줄 수 있습니다.

 

 

<!DOCTYPE html>
<html>
<head>
    <title>마블 코믹스 유니버스</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
    <h1>마블 코믹스 유니버스</h1>
    <h2>1.히어로</h2>
    <p>
        <ul>
            <li><a href="https://namu.wiki/w/%EA%B0%80%EB%AA%A8%EB%9D%BC">가모라</a></li>
            <li>개리슨 케인</li>
            <li><a href="https://namu.wiki/w/%EA%B0%AC%EB%B9%97">갬빗</a></li>
            <li>게이트웨이</li>
            <li>건틀릿</li>
            <li><a href="https://namu.wiki/w/%EA%B3%A0%EC%8A%A4%ED%8A%B8%20%EB%9D%BC%EC%9D%B4%EB%8D%94">고스트 라이더</a></li>
            <li>그래비티</li>
        </ul>
    </p>
</body>
</html>

 

아래는 실행 화면입니다.

 

 

아래는 정보 출처인 나무 위키의 모습입니다.
링크 : 클릭

 

어때요? 정말 쉽죠?

 

오늘의 느낌

오늘은 버블티가 마시고 싶은 날이다. 버블티 처음에 마셨을 때 개구리 알처럼 생긴 젤리 때문에 상당히 충격이었는데 캐나다에 와서 자주 접할 기회가 생기다 보니 지금은 자주 마시진 않지만 어쩌다 마시면 너무 맛있는 듯ㅋㅋㅋㅋㅋ

'HTML & CSS' 카테고리의 다른 글

[HTML & CSS] Link to a Stylesheet  (0) 2021.12.04
[HTML & CSS] List & Div & Metadata  (0) 2021.12.03
[HTML & CSS] Image & Video  (0) 2021.12.02
[HTML & CSS] Add a Heading  (0) 2021.12.01
[HTML & CSS] Anatomy of an HTML Element  (0) 2021.12.01
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2024/11   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
글 보관함