본문 바로가기

HTML4

4. HTML - 이미지 태그 이미지 태그 📌 img는 그림이나 사진을 보여주는 태그입니다. src는 원본의 위치 정보를 받는 곳이고 alt는 화면에 이미지가 안 나올 때 이미지를 대체해서 설명해 주는 곳 alt는 시각장애인에게 어떤 사진인지 정보를 전달하는 역할도 한다. 파일 경로 오류로 나오는 alt 이미지 - 파일 경로 작성 방법 1. 절대 경로 - 고유한 전체 경로 - http, https, file에 대한 경로(file 경로는 사용하지 않음) 이미지 - 결과 보기~ 2. 상대 경로 📌 - HTML 문서를 기준으로 경로 - 이미지가 HTML 문서와 같은 폴더에 있는 경우는 파일명만 사용 , - 이미지가 images(하위) 폴더에 있는 경우 , - 이미지가 상위 폴더에 있는 경우 1. 이미지 파일이 같은 폴더에 있는 것과 2. .. 2022. 9. 7.
3. HTML - HTML속성, 서식 태그 HTML 속성 📌 속성은 해당 요소에 대한 추가적인 정보를 제공한다. 속성에 대한 값은 따옴표를 꼭 사용하지 않아도 되지만, 속성값에 띄어쓰기가 있을 경우 문제가 발생할 수 있어서 따옴표 쓰기를 권장한다.(쌍따옴표, 따옴표 둘다가능) ex) (O) (X) (O) 서식 태그 📌 서식 태그 종류 : , , , , , , 등 있다. - , 텍스트를 굵게 표현하고 싶을 때 사용 - 텍스트를 이탤릭체로 표현하고 싶을 때 사용(와 동일한 기능) - 텍스트에 하이라이팅 효과를 적용 - 텍스트 중앙에 가로줄을 만들어 텍스트를 지운것과 같은 효과를 줌 - 텍스트 밑에 선을 그어 텍스트의 강조효과를 줌 - , 태그는 위첨자를 표현할 때 사용 태그는 아래첨자를 표현할 때 사용 - 사용해보기 서식태그 b태그와 strong태그.. 2022. 9. 6.
2. HTML - <p>문단 태그, <h>제목 태그 문단 태그 📌 내용상 끊어서 구분할 수 있는 부분(문단)을 만드는 태그 안녕하세요 처음부터 다시 공부해요! 오랜만에 하니깐 너무 좋아요 - 결과 태그는 f12를 눌러 관리자 모드로 확인해 보면 공백이 있는 것을 알 수 있다. 제목 태그 📌 제목을 표현할 수 있는 태그. 가장큰 ~ 가장작은 까지 제공함 👉 정보! 여러 검색엔진은 각 웹 사이트의 내용을 바로 태그를 이요하여 키워드를 수집하고, 그 내용을 파악한다. 안녕하세요. 새싹입니다 안녕하세요. 새싹입니다 안녕하세요. 새싹입니다 안녕하세요. 새싹입니다 안녕하세요. 새싹입니다 안녕하세요. 새싹입니다 - 결과 ​ 위에 글 내용은 오류 사항이 존재할 수 있습니다! 수정 사항이 있을 시 알려주시면 감사하겠습니다. 2022. 9. 6.
1. HTML - 특수문자, 주석문 HTML 특수문자 📌 (개행, 엔터) : : > (띄어쓰기) : 초심으로 돌아가자 엔터 사용 주석 사용방법: 끝 ​ 위에 글 내용은 오류 사항이 존재할 수 있습니다! 수정 사항이 있을 시 알려주시면 감사하겠습니다. 2022. 9. 6.
728x90