본문 바로가기

Front-End/HTML15

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.
HTML이란? Hypertext Markup Language의 줄임말 웹 페이지 표시를 위해 개발된 지배적인 마크업 언어 💡 Markup Language이란? 마크업은 그 파일이 프린터로 출력되거나 화면에서 어떻게 보여야 할 것 인지를 나타내기 위해, 또는 그 문서의 논리적인 구조를 묘사하기 위해서, 텍스트나 워드프로세싱 파일의 특정 위치에 삽입되는 일련의 문자들이나 기호들을 말한다. HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다. 꺾쇠 괄호에 둘러싸인 "tag"로 되어있는 HTML 요소 형태로 작성한다. HTML은 웹 브라우저와 같은 HTML 처리 장치의 행동에 영향을 주는 JavaScript ,.. 2023. 1. 19.