HTML

khxxjxx·2021년 4월 6일
0

생활코딩

목록 보기
1/14

강좌 : 유튜브 생활코딩

1. WEB1-HTML & Internet

  • html editor → visual studio code

굵게

<strong> 텍스트 </strong>

밑줄

<u> 텍스트 </u>

크기

<H1> 텍스트 </H1>
.
.
.
<H6> 텍스트 </H6>

줄바꿈

<br>

단락

<p> 문단 </p>

이미지

<img src="이미지파일">
이미지 크기조절 width="50%"

목차

<li> 텍스트 </li>
목차그룹핑 <ul> <li>...</li> </ul>
목차넘버링 <ol> 문단 </ol>

웹페이지 제목

<title> 텍스트 <title>
인코딩 <meta charset="utf-8">

HTML 약속

<!doctype html>
<html>
<head> 타이틀 </head>
<body> 본문 </body>
<html>

링크

<a href="링크"> 텍스트 </a>
새탭에서 열기 target="_blank"
툴팁 title="설명"

부등호

< > 기호는 HTML 문법에서 태그(tag)를 표현하는 데 사용하는 특수 기호이기 때문에 아래와 같이 사용한다

&lt;    < 
&gt;    >

완성

<!doctype html>
<html>
<head>
    <title>WEB</title>
    <meta charset="utf-8">
</head>
<body>
    <h1><a href="index.html">WEB</a></h1>
    <ol>
        <li><a href="1.html">HTML</a></li>
        <li><a href="2.html">CSS</a></li>
        <li><a href="3.html">JavaScript</a></li>
    </ol>
    <h2>안녕하세요</h2>
    <P>
        안녕하세요 이것은 메인페이지입니다.
    </P>
</body>    
</html>

  • Internet과 Web

    • 1960년 internet 등장
    • 1990년 WEB 등장(info.cern.ch)
profile
코린이

0개의 댓글