이번 생활코딩 WEB1에서는

html에서 가장 많이 사용하는 태그는 무엇인지부터 시작합니다.

WEB1 - HTML & Internet - 생활코딩 (opentutorials.org)

 

WEB1 - HTML & Internet - 생활코딩

--- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여

opentutorials.org

 

태그란 < >이 괄호 안에 있는 것으로

문법을 비유적으로 나타내는 것입니다

 

예를 들어 <strong>

태그를 배우기 전과 후로 인생이 바뀐다고도 할 수 있죠!

html 태그 랭킹

의외로 자주 사용하는 랭킹에는 기초적인 게 많아서 놀랐습니다

 

오늘 배운 코드

<!doctype html>
<html>
<head>
    <title>살림</title>
    <meta charset="utf-8"> 
</head>

<body>
    <h1>시</h1>
    <ol>
        <li><a href="1.html">마지막은 왼손으로</a></li>
        <li><a href="2.html">이토록 투박하고 묵직한 사랑</a></li>
        <li><a href="3.html">살림</a></li>
   </ol>

    <h2>살림</h2>

    <img src="달.jpg" width="100%">

    <p><a href="https://namu.wiki/w/%EC%9D%B4%EB%B3%91%EB%A5%A0" 
        title="나무위키 바로가기" target="_blank">살림</a></p>

    <p>
        오늘도 새벽에 들어왔습니다<br>
        일일이 별들을 둘러보고 오느라구요<br>
        <br>
        하늘 맨 꼭대기에 올라가<br>
        아래를 내려다볼 때면<br>
        압정처럼 박아놓은 별의 뾰죽한 뒤통수만 보인다고<br>
        내가 전에 말했던가요<br>
        <br>
        오늘도 새벽에게 나를 업어다달라고 하여<br>
        첫 별의 불꽃에서부터 끝 별의 생각까지 그어놓은<br>
        큰 별의 가슴팍으로부터 작은 별의 멍까지 이어놓은<br>
        헐렁해진 실들을 하나하나 매주었습니다<br>
        <br>
        오늘은 별을 두 개 묻었고<br>
        별을 두 개 캐냈다고 적어두려 합니다<br>
        <br>
        참 돌아오던 길에는<br>
        많이 자란 달의 손톱을 조금 바짝 깎아주었습니다.<br>
    </p>

</body>
</html>

머리 <head>

몸통 <body>

전체적으로는 <html>로 감싸주어야하고,

부모인 <ul> Unordered list와 <ol> Ordered list는 자식인 <li> 와 함께!

<br>은 줄바꿈  <p>는 단락(줄바꿈 있음)

<strong>은 진하게 <u>는 밑줄

//

<strong>내가 나로 살기 원한다는 것. 너를 너로 바라보겠다는 것. <u>마지막은 왼손으로 쓴다.</u></strong> <br>

 

 

링크를 만드는 <a>와 함께 쓰는 속성(attribute)는 href="링크" title="툴팁" target="_blank" 새 창으로 열기

'1학년 > 명품 HTML+CSS+JS' 카테고리의 다른 글

9. 이벤트 기초 및 활용 이론문제 정답  (0) 2023.12.09
6. 자바스크립트 언어 이론문제 정답  (0) 2023.12.09
11. HTML5 캔버스 그래픽 이론문제 정답  (1) 2023.12.09
10. 윈도우와 브라우저 관련 객체 실습문제 정답  (2) 2023.12.08
10. 윈도우와 브라우저 관련 객체 이론문제 정답  (0) 2023.12.07

티스토리툴바