[LG유레카]Ⅱ.HTML

• <option>안에 selected 적으면 맨 위에있는 값이 아니라 selected된 값이 나타난다.

• multiple은 토글식으로 아래 나타나는게 아니라 펼쳐져서 보여진다.

• placeholder를 하면 input입력창에 글씨가 보인다.

• <input type="text" size="4" maxlength="4">

  input은 size를 통해서 가로길이를 설정할 수 있다, 저 사이즈는 글자 길이를 기준으로 4라면 4자가 들어갈 수 있을 정도로 측정된다.

HTMLPermalink

공간 분할 태그Permalink

block VS inline ElementPermalink

• HTML Elements는 크게 block 형식 element와 inline 형식 element로 나눔
• block형식 element는 사용하는 element가 한 줄을 모두 사용

div & spanPermalink

• div

  block 형식으로 공간을 분할, 웹사이트의 레이아웃(전체틀)을 만들 때 사용

  div 태그를 사용하여 각각의 블록(공간)을 알맞게 배치하고 CSS를 활용하여 스타일을 적용.

• span

  inline 형식으로 공간을 분할

  <div>와 <p>태그와 함꼐 웹페이지의 일부분에 스타일을 적용시키기 위해 사용

• 차이점

  • div와 span을 여러 개를 만들어 나란히 나열하였을 때, div는 자동 줄 바꿈 ⭕➡️세로로나열

    span은 줄 바꿈 ❌➡️ 가로로 나열

  • 동일한 문장을 감쌌을 때, div는 박스 형태로 영역이 설정되고 그 안에 정렬

    span은 줄 단위로 영역이 설정이 되서 박스 형태가 아니라 테그스트가 노출되는 영역만 포함

  • div의 margin은 4방향 모두 적용이 되며, span의 margin은 양옆으로만 적용

시멘틱 태그Permalink

• Semantic의 사전적 의미는 ‘의미론적인’, ‘의미가 통하는’ 이다.