HTML,CSS

22년 9월 1일

거위발바닥 2022. 9. 1. 11:39

<명령어>" "</명령어>

 = <strong>hello</strong> -> hello

 

줄바꿈 

=<br>, <p>" "</p>

br은 단순히 줄을 바꾸며 p는 문장을 감싸 단락(paragraph)를 만든다. = p로 감싼 문장을 가치있게 만들어줌 (하나의 단락)

태그 안에 style=margin-top:30px 를 넣으면 위(TOP)로 공백(MARGIN)이 30픽셀 생긴다.

 

이미지

=<img src="이름.jpg" width="100%">

 

부모태그, 자식태그

ul = 부모태그 , li = 자식태그

<ul> (ul을 ol로 바꾸고 앞의 숫자를 지우면 알아서 1,2,3 숫자를 넘버링해준다.) 

     <li>1. html</li>

</ul>

예 = 테이블

<table>
  <tr>
    <td>head</td>
    <td>1</td>
  </tr>
  <tr>
    <td>body</td>
    <td>2</td>
  </tr>
  <tr>
    <td>html</td>
    <td>3</td>
  </tr>
</table>

 

<head> 태그는 title이나 meta 등의  본문 (body)을 꾸미는 애들을 묶어준다.

<body> 태그는 본문의 내용을 묶어준다.

<html>은 모든 내용을 묶어준다. (head와 body도 함께 포함) + <!doctype html> 을 맨 위에 써놓아야함

 

링크

<a href="https://www.co.kr/User/Qstn/AnswerWrite?qstnNo=49052" target="_blank" title="링크">hyper

hyper를 누르면 위 링크로 이동, target="_blank"는 새 텝으로 넘어가고 title은 툴팁 

 

 

 

 

 

'HTML,CSS' 카테고리의 다른 글

22년 9월 3일 복습하면서 트러블슈팅  (0) 2022.09.03
22년 9월 2일 오후  (1) 2022.09.02
22년 9월 2일  (1) 2022.09.02
22년 9월 1일 오후  (1) 2022.09.01