CSS [디자인을 위한 코드] 안녕하세요. 오늘은 css로 지금은 사용하지 않는 태그 디자인을 위한 코드 CSS(1) 1. 지금은 사용하지 않는 태그 태그 사용하기 내용이런식으로 사용해 볼게요. (ex) 내용 web 1. 홈 2. c언어 3. 파이썬 4. java 5. html 본문 이걸 크롬으로 실행해보면 아래 사진처럼 빨간 색깔이 적용됩니다. 이렇게 적은 수라면 일일이 적용해줘도 상관없습니다. 하지만 만약 색을 바꿔줘야 하는 항목이 매우 많다면? 이런 방식으로는 모두 색깔을 바꿔주기는 힘들겁니다. 하지만 css를 사용한다면 이것이 가능합니다. 2. 디자인을 위한 코드 CSS css는 html과 같은 언어가 아닙니다.(css는 디자인을 위한 언어) 그러므로 웹브라우저에게 css코드를 css문법에 따라 ..
html 링크 안녕하세요. 오늘은 html에서 중요한 링크에 대한 내용입니다. 1. 연습할 html 문서 만들기. 2. 링크 연습하기. 1. 연습할 html 문서 만들기 이름은 원하는 것으로 만들고 뒤에 확장자를 html로 해서 만들어주세요. 그 후 메모장이나 ATOM에디터 같은 수정할 수 있는 프로그램으로 아래 내용을 추가해주세요. 본문 입니다. 이렇게 html 구조에 맞게 html문서를 만들었으면 본격적인 내용으로 넘어가겠습니다. 2. 링크 링크를 사용하기 위해 필요한 태그는 태그 입니다. (anchor의 약자를 사용함.) 물론 그렇다고 아래와 같이 a태그만 사용하면 링크가 걸리지 않습니다. 2-1. href 원하는 곳으로 링크를 걸기 위해서는 href(HyperText Reference)를 추가해줘..
HTML 사진과 속성 안녕하세요. 오늘은 저번에 했던 내용에서 사진을 추가해보려고 합니다. html 파일 만들기 html에서 사진을 넣기 위한 태그 html 문법 1. html 파일 만들기 귀찮으니 이건 저번 글에서 사용했던 1.html 파일을 이어서 하겠습니다. 파일 내용은 아래와 같습니다. 지금부터 1.html과 같은 폴더에 있는 사진을 넣어보겠습니다. 2. html에서 사진을 넣기 위한 태그 html에서 사진을 넣기 위한 태그는 라는 태그입니다. 그렇다고 아래 사진처럼 태그만 입력하면 안 됩니다. 태그만 입력하면 아래 사진처럼 아무런 사진도 나오지 않습니다. 왜 그럴까요? 바로 출력하기 위한 사진의 정보가 부족하기 때문입니다. 즉 해당 태그에는 무슨 사진을 불러올지 알려주는 내용이 없기 때문이죠. ..
