-
02. Text프론트엔드/HTML 2020. 9. 1. 16:48반응형SMALL
# What? 이게 뭔데?
html에서 문자를 표현하고 싶을 때 사용
p 태그 : 단락을 만들고 싶을 때
span 태그 : 문자열 내 특정 영역을 감싸고 싶을 때
br 태그 : 줄바꿈을 하고싶을 때
# How? 어떻게 쓰는데?
@ index.html
<!DOCTYPE html> <!-- 이 문서가 HTML5 문서라는 뜻 --> <html lang="ko"> <!-- 웹 문서의 시작 --> <head> <!-- 웹 문서에 대한 정보를 담는 태그 --> <meta charset="UTF-8"> <!-- 문자 인코딩을 UTF-8로 하라는 뜻 --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 초기엔 1배율로 페이지를 보여주라는 뜻 --> <title>Document</title> <!-- 문서 제목 --> <link rel="stylesheet" href="./style.css"> <!-- css를 연결하는 태그 --> <script src="./common.js"></script> <!-- js를 연결하는 태그 --> </head> <body> <!-- p 태그 예시 --> <p>여기다 쓰고싶은 말들을 쓰면 됩니다~</p> <!-- span 태그 예시 --> <p>전달하고자 하는 내용 중 강조하고싶은 <span style="color:blue;">핵심문구</span>가 있다면 이런식으로 강조하면 됩니다.</p> <!-- br 태그 예시 --> <p> 전달하고자 하는 내용이 길 경우 적절히 줄바꿈을 넣어주면 <br/>가독성이 높아집니다. </p> </body> </html>* 태그 안에 직접 style을 넣어서 꾸며줄 수 있음.
# Practice 연습
- 화면에 아래 내용 뿌려보기
안녕하세요, 저는 OOO입니다.
앞으로 잘 부탁드립니다.
* 코드참고 : https://github.com/ShinHyungJune/publishing-course/tree/html-02-text
LIST