Frontend/01. html4 4) 이미지 삽입 html에 이미지를 삽입하기 위해서는 앞에서와 마찬가지로 tag를 사용하여 삽입을 하게 된다. 이미지는 .jpg, .png 등의 정적 이미지 뿐만 아니라, .gif와 같은 동적이미지도 삽입이 가능하다. 이미지 삽입은 으로 삽입이 가능하다. 이때, 경로는 2가지 경우로 나뉜다. 1. 상대경로 현재 문서가 저장되어 있는 폴더(하드디스크 내)를 기준으로 한다. 이미지가 저장되어 있는 폴더명을 [images], 이미지명을 [flower.jpg]라고 가정했을 때 아래와 같이 경로와 파일명을 작성 할 수 있다. - images/flower.jpg //현재 폴더안에서 하위폴더 images에 있는 파일 - ./images/flower.jpg //현재 폴더안에서 하위폴더 images에 있는 파일 - ..//images/.. 2022. 8. 17. 3) HTML 글자모양 HTML에서 글자의 크기, 밑줄 등의 폰트 수정을 하거나, 일부 특수기호를 텍스트로 표현하기 위해서는 Tag를 사용하여야 한다. (참고 사이트 : https://www.w3schools.com/css/css_font_size.asp) 특수 문자 Tag 표현되는 특수문자 공백 ≮ & & &quat; " ' ' 줄바꿈 수평선(줄바꿈을 포함함) 코딩 문서 내 주석내용을 기입 글자 모양(크기, 굵기, 기울임 등) Tag 글자모양 진하게 밑줄 기울임 글자 크기 See the Pen Untitled by Nicole-Bang (@nicole-bang) on CodePen. 2022. 8. 16. 2) HTML의 기본구조 HTML을 사용하기 위해서는 기본적으로 갖추어야할 구조가 있다. 이 뼈대 안에 어떤 내용의 Tag를 넣어 구성하는가가 화면 출력에 영향을 미치는 것이다. 이 뼈대는 항상 동일하게 사용하기 때문에 나는 blank.html이라는 파일을 만들어두고 사용하고 있다. 하지만 복붙만 하는 것은 의미가 없으니 대강의 뼈대 내용을 기록해보고자 한다. 위의 내용이 현재 내가 사용하고 있는 blank.html 파일이다. 지금은 Java Script를 배우는 과정중이라 태그 사이에 태그가 포함되어 있는 형태이다. 1) DOCTYPE html> 문서의 최상단에 입력되는 태그로 태그는 동일하지만 브라우저(크롬, 엣지, 파이어폭스 등..)에 표시하는 방식(랜더링)은 각각 다르기 때문에 표준화된 방식으로 랜더링을 하겠다는 내용이다.. 2022. 8. 6. 1) HTML 기본 규칙 HTML은 커녕 F12를 누를때마다 움찔거리던 사람이 이제와 먹고살기위해 배워보는 코딩 7월 26일(화) 첫 시작으로 HTML을 배운다. 먼저, HTML이란 (Hyper Text Markup Language) 웹페이지 표시를 위해 개발된 마크업 언어이다. 여기서 마크업 언어란 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어의 한 가지이다. 파일의 확장명은 .html을 사용하며, 해당 문서는 웹브라우저(크롬, 엣지, 파이어 폭스 등)에서 출력한다. HTML의 명령어를 Tag(태그)라 하는데 태그는 대소문자를 구분하지 않는다. 모든 명령어는 기호안에 쓰게 된다. 이때, 태그는 여는 태그와 닫는 태그로 대부분의 태그가 구성되어 있다. 파일을 작성할때 물리키 Enter(줄바꿈)를 허용하지 않는다. 공백.. 2022. 8. 3. 이전 1 다음