텍스트 입력하기

온라인 강의/HTML

onebeans 2023. 4. 13. 15:45

<body> 태그 안에 <h> <p> <ul> <li> 태그를 입력해 제목, 본문 내용, 목록을 웹페이지에 입력합니다.

<h> 태그는 웹사이트의 제목이나 부제목처럼, 중요한 정보를 입력할 때 사용합니다. <h1>의 텍스트 크기가 가장 크게, <h6>의 텍스트 크기가 가장 작게 출력됩니다.

<p> 태그는 웹사이트의 주요 텍스트 등 단락을 표현할 때 사용됩니다.

<ol> <ul> 태그는 목록을 나열할 때 사용되며, 각 태그 안에는 <li> 태그를 입력합니다.

<ul>

</ul>

<h1> 태그부터 <h6> 태그에 Hello World를 입력해보고, 각각의 태그마다 텍스트 사이즈가 어떻게 다르게 출력되는지 확인해봅니다.
웹사이트에 나타내고자 하는 텍스트 정보를 <p>...</p> 태그를 사용해 입력합니다.
<ol> <ul> 각각의 태그 안에 <li>메뉴</li>를 입력해, 두 태그가 어떻게 다르게 기능하는지 확인해봅니다.
홈, 회사 소개, 연락처를 나타내는 메뉴 버튼을 <ul>과 <li> 태그를 이용해 만들어봅니다. 이때, 페이지 전환 효과를 위해 <a href = " ">를 입력합니다.

<!DOCTYPE html>

<html>

<head>

<title>엘리스 :: elice</title>

</head>

<body>

<h1> Hello World </h1>

<h2> Hello World </h2>

<h3> Hello World </h3>

<h4> Hello World </h4>

<h5> Hello World </h5>

<h6> Hello World </h6>

<p> New Jeans </p>

<ol>

<li> Cookie </li>

</ol>

<ul>

<li><a href="#">Cookie</a></li>

</ul>

<ul>

</ul>

</body>

</html>