Html 시작하기(2)

Saimachi·2022년 5월 16일
0

HTML

목록 보기
2/3

2022-05-16

Html 시작하기 1

공부하는데에 참고한 사이트 >>여기

블록 레벨 요소, 인라인 요소

  • 쉽게 말하자면, 블록 레벨 요소란, 웹 페이지 상에 블록을 만드는 요소. (줄바꿈을 하는 요소)
  • 인라인 요소 ⊃ 블록 요소. 새로운 줄을 만들지 않고, 작성한 단락 내에서 적용되는 요소 (줄바꿈 X)
  • firstsecond

    third

  • < em >first< /em > ... < p >third< /p >
  • em은 인라인, p는 블록 레벨 요소이다.

참고 자료 >> 블록 레벨, 인라인

빈 요소

< 여는 태그 > 내용 < /닫는 태그 >의 패턴을 따르지 않는 요소
ex) < img >

속성

속성은 요소에 추가적인 내용을 담고 싶을 때 사용한다.

속성을 사용할 떄 지켜야 할 점

  • 요소 이름 바로 다음에 오는 속성은, 이름과 속성을 공백으로 구분해주어야 하며, 하나 이상의 속성들이 있는 경우도 마찬가지이다.
  • 속성 이름 다음엔 등호(=)가 붙는다.
  • 속성 값은 열고 닫는 따옴표로 감싸야 한다.

요소에 속성 추가하기.

< a > - anchor를 의미함.
닻이 배를 항구로 연결하듯 텍스트를 감싸서 하이퍼링크로 만듬.

내 Github랑 blog를 이용해서 예제를 만들어봄

예제를 만들어봅시다.

  • Github
  • Blog(Naver)
  • Tistory
  • 페이지 처음으로 돌아가보기

    ## 페이지 맨 윗 부분에...
      <h1 id="Section_further_Pageup"></h1>
    ## 페이지 아랫 부분에...
    >  <p><center><b>예제를 만들어봅시다.</b></center></p>
    <li><a href="https://github.com/machi107", title="Machi107의 Github입니다." targer="_blank">Github </a></li>
    <li><a href="https://blog.naver.com/machi107", title="Machi107의 Blog입니다." targer="_blank">Blog(Naver) </a></li>
      <li><a href="",title="아직 미개설입니다.">Tistory</a></li>
    <p><a href="#Section_further_Pageup">
      페이지 처음으로 돌아가보기
    </a></p>

    참과 거짓 속성(Boolean)

    • 값이 없음
    • 그 속성의 이름과 같은 하나의 값만을 가짐
      <p><input type="text" disabled></p>
      <p><input type="text"></p>
      위 두개는 웹상에서 아래처럼 보여지게 된다.

    오늘은 여기까지.

    다시한번 위쪽으로 가는 링크

    페이지 처음으로 돌아가기

    0개의 댓글