코드 여행 일기

주요 태그 1 <p> <br> <img> 본문

코딩/HTML

주요 태그 1 <p> <br> <img>

할짝개발자 2023. 7. 12. 02:40
728x90
반응형

 

단락

 

<p> paragraph

<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>

 

결과

 

<p> 코드 사용 전
<p> 코드 사용 후

 

줄 바꿈

 

<br> A forced line-break

<html>
    <body>
안녕하세요.<br> 안녕하세요.<br>
    </body>
</html>

 

결과

 

 

<br> 코드 사용 전

 

<br> 코드 사용후

 

이미지

 

<img> Image

<!--이미지 파일을 다운받은후 HTML 파일과 같은 폴더에 두기-->

<!--src="OO.jpg" 이미지 사진 가져오기-->
<!--width="300" 가로 길이-->
<!--height="300" 세로 길이-->
<!--alt="이미지" 이미지 사진이 없거나 깨질경우 표기-->
<!--title="이미지"-->

<html>
<body>
    <img src="img.jpg" width="300" alt="고양이 이미지" title="고양이 이미지">
</body>
</html>

 

결과

 

width=&rdquo;300&rdquo; 코드 적용
itle=&rdquo;고양이 이미지&rdquo; 코드 적용
alt="고양이 이미지" 코드 적용

 

 

위 글은 생활코딩 영상을 정리하여 쓴 글 입니다.

728x90
반응형

'코딩 > HTML' 카테고리의 다른 글

주요 태그 3 <입력 양식 4>  (0) 2023.07.24
주요 태그 3 <입력 양식 3>  (0) 2023.07.24
주요 태그 3 <입력 양식 2>  (1) 2023.07.24
주요 태그 3 <입력 양식 1>  (0) 2023.07.15
주요 태그 2 <표>  (0) 2023.07.13
'코딩/HTML' Related Articles more