HTML63 HTML 요소 - inline-element, block-element HTML의 모든 요소에는 요소 유형에 따라 기본 표시 값이 있다. 표시 값에는 inline-element, block-element 두 가지가 있다. 이 표시값에 따라서 사용할 수 있는 속성 태그가 달라진다. inline-element 인라인 요소는 새 줄에서 시작하지 않는다. 인라인 요소는 필요한 만큼의 너비만 차지한다. 대표적으로 사용되는 요소는 단락의 내부에서 사용되는 요소 요소는 텍스트의 일부 또는 문서의 일부를 표시하는 데 사용 참고: 인라인 요소는 블록 수준 요소를 포함할 수 없다! 예시> 공간크기로 보는 인라인요소 span 태그는 내부적인 요소로 Hello World 필요한 너비만큼만 작동한다. span 요소는 인라인 요소로, 새 선에서 시작하지 않고 필요한 만큼의 너비만 차지한다.(빨간박스.. 2023. 2. 5. HTML 태그 보충 설명 1. title 태그 출력 위치 KASSY의 HTML 기초 결과물> 2. meta 태그 사용이유 쓰지 않으면 한글이 제대로 나오지 않는 경우가 있다. 메모장에서 html 문서를 작성할 때는 저장시 인코딩으로 UTF-8을 선택해 주면 된다. 3. 닫아주지 않아도 되는 태그 등 4. html의 문법 오류 허용 문법오류에 관대하다. 태그를 깜빡하고 닫지 않거나, 오타가 있어도 웹 브라우저가 임의로 해석해 출력해 준다. 5. 대소문자를 구별하지 않는다. 표준은 소문자를 쓰는 것을 권장한다. HTML = html 6. 주석을 쓰는 이유 코드를 읽는 사람을 위해서 설명을 돕기 위해서 쓴다. 긴 코드의 경우나 여러 명과 같이 작업을 할 때 알아 보기 쉽게 할 수 있다. NotePad 에디터 사용시 주석 단축키 Ctr.. 2023. 2. 1. HTML 태그 - img, a href 1. 속성 src="이미지 파일 주소 또는 이미지 파일 이름.확장자" 컴퓨터에 저장된 이미지를 사용하려면 html 만든 폴더와 같은 폴더에 이미지 파일이 있어야 인식하고 파일을 열 수 있다. 다른 공간에 이미지 파일이 저장되어 있으면 파일이 열리지 않는다. 속성값 title / alt 차이 title: 그림에 마우스를 올렸을 때 그림에 대한 설명을 넣을 수 있다. alt: 이미지를 표시할 수 없는 경우 이미지의 대체 텍스트를 보여준다. alt 속성은 느린 네트워크 환경이나 src 속성값의 오류, 시각 장애인용 스크린 리더의 사용 등 어떤 이유로든 사용자가 이미지를 볼 수 없을 때 이미지 대신 제공할 대체 정보를 제공한다. 개념확실히 알고가기! 1. 이미지, title 태그 2. 이미지, alt 태그 둘 .. 2023. 2. 1. 이전 1 ··· 8 9 10 11 다음
