주요 웹 브라우저 목록 만들기

발행: (2026년 1월 19일 오후 07:00 GMT+9)
2 min read
원문: Dev.to

Source: Dev.to

개요

주말 동안 꽤 무거운 이론 수업 두 세트를 몰아보고 그에 대해 글을 쓴 뒤, 다시 freeCodeCamp 워크숍으로 돌아오니 한시름 놓였습니다. 이번 워크숍에서는 제공된 HTML 보일러플레이트와 정의 리스트 요소를 사용해 주요 웹 브라우저 목록을 만들었습니다.

보일러플레이트 HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>List of Browsers and Descriptions</title>
</head>
<body>
</body>
</html>

주요 웹 브라우저 최종 목록

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>List of Browsers and Descriptions</title>
</head>
<body>
    <dl>
        <dt>Google Chrome</dt>
        <dd>This is a free web browser developed by Google and first released in 2008.</dd>

        <dt>Firefox</dt>
        <dd>This is a free web browser developed by the Mozilla Corporation and first created in 2004.</dd>

        <dt>Safari</dt>
        <dd>This browser was developed by Apple and is the default browser for iPhone, iPad and Mac devices.</dd>

        <dt>Brave</dt>
        <dd>This is a free web browser first released in 2016 that is based on the Chromium web browser.</dd>

        <dt>Arc</dt>
        <dd>This is a free Chromium‑based web browser first released in 2023 by The Browser Company.</dd>
    </dl>
</body>
</html>

워크숍을 마친 뒤에는 텍스트와 시간 시맨틱 요소에 관한 몇 가지 이론 수업으로 넘어갔습니다. 오늘 나중에 그 내용을 정리할 예정이며, 다음 포스트에서는 또 다른 워크숍을 진행할 예정입니다. 이번에는 잡 팁 페이지를 만드는 워크숍이 될 것입니다.

Back to Blog

관련 글

더 보기 »

HTML 미디어 플레이어 만들기

HTML 비디오 플레이어 만들기 지난 며칠 동안 freeCodeCamp를 통해 또 다른 워크숍과 실습을 완료했습니다. 나는 Build an HTML V...

여행사 페이지 만들기

프로젝트 개요 어제 나는 freeCodeCamp의 Responsive Web Design 커리큘럼에서 Travel Agency 페이지 실습을 완료했다. 이 실습은 ...

HTML 기초

DIV Elements란 무엇인가요? 어떤 이유에서인지 나는 이 요소가 다른 요소들을 그룹화하는 컨테이너라는 것을 완전히 이해하지 못했습니다. 수업을 통해 차이점을 명확히 알게 되었습니다.