[html/css] HTML 기본 문법과 기본 테그

day024·2024년 9월 18일

HTML&CSS&JS

목록 보기
1/15

https://www.inflearn.com/course/html-%EA%B8%B0%EB%B3%B8/dashboard
https://opentutorials.org/module/1892
생활코딩 html 기본 강의 및 예제 정리

1. tag

<strong> 자신의 힘 </strong>

테그 문법을 사용하기 위해선 위처럼 <></>로 표현한다.

2. Hyper Text / 속성

<a target=>"_blank" href="https:~~" title ="전설적인 프로그래머">도날드 커누스</a>

링크를 문서와 연결

<a> </a> : anchor 에서 따옴,

3. 중첩

<ul> 을 통해서 tag에 대한 그룹핑
<ol> 순서가 있는 경우 사용

<li> 기술소개 </li>
<li> 기본 문법 </li>
<li>  하이퍼텍스트와 속성</li>
<li> 리스트와 태그의 중첩 </li>

<ul> </ul>
<li>  </li>
<li>   </li>
<li>  </li>
<li>  </li>

4. 문서의 구조

<head> </head> : 제목
<body> </body> : 본문
제목과 본문으로 구성

<!DOCTYPE html>
<html>
<head>
  <title>HTML - 수업소개</title>
  <meta charset="utf-8">
</head>
<body>
<h1><a href="index.html">HTML</a></h1>
<ol>
  <li><a href="1.html">기술소개</a></li>
  <li><a href="2.html">기본문법<a/></li>
  <li><a href="3.html">하이퍼텍스트와 속성</a></li>
  <li><a href="4.html">리스트와 태그의 중첩</a></li>
</ol>
 
<h2>선행학습</h2>
 
본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 
</body>
</html>

5. 중요한 태그들

<p> </p> : 단락 (간격 고정)
<b> </b> : 줄바꿈 (간격 고정X)
<img> </img> : 이미지 (html2부터 시작)

<html>
    <head><meta charset="utf-8"></head>
    <body>
 
<p>HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology, used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications.[1] Web browsers can read HTML files and render them into visible or audible web pages. HTML describes the structure of a website semantically along with cues for presentation, making it a markup language, rather than a programming language.</p>
 
<p>HTML elements form the building blocks of all websites. HTML allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items.</p>
 
<p>The language is written in the form of HTML elements consisting of tags enclosed in angle brackets . Browsers do not display the HTML tags and scripts, but use them to interpret the content of the page.</p>
    </body>
</html>
<html>
<head><meta charset="utf-8"></head>
<body>
HyperText Markup Language, commonly referred to as HTML, is the standard markup language used to create web pages. Along with CSS, and JavaScript, HTML is a cornerstone technology, used by most websites to create visually engaging webpages, user interfaces for web applications, and user interfaces for many mobile applications.[1] Web browsers can read HTML files and render them into visible or audible web pages. HTML describes the structure of a website semantically along with cues for presentation, making it a markup language, rather than a programming language.<br><br><br>
 
HTML elements form the building blocks of all websites. HTML allows images and objects to be embedded and can be used to create interactive forms. It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items.<br><br><br>
 
The language is written in the form of HTML elements consisting of tags enclosed in angle brackets. Browsers do not display the HTML tags and scripts, but use them to interpret the content of the page<br><br><br>
</body>
</html>
<html>
<body>
    <img src="img.jpg" height="300" alt="산 이미지" title="산 이미지">
</body>
</html>
profile
개발하는 감자

0개의 댓글