HTML 32
[brackets] 브라켓에서 여러개의 태그 한번에 입력해보자
안녕하세요. 플입니다. 오늘은 브라킷에서 태그 여러 개를 한 번에 입력해볼게요. 1. 브라킷 브라킷은 이렇게 생긴 에디터 프로그램이에요. 코딩을 도와주는 도구라고 생각해주시면 됩니다. 2. 태그 여러 개 넣기 각설하고 바로 본론으로 넘어가 볼게요. 만약 태그를 3개 넣고 싶으시다면 li*3 처럼 적어주시고 Tab키를 눌러주시면 됩니다. 여기서 *기호는 코딩에서 x(곱하기)를 의미해요. 그러니까 li x 3이라고 생각해주시면 됩니다. 에디터 프로그램에게 "나는 태그가 3개 필요해" 하고 알려주시는 거예요. tab으로 명령을 전달하면.. 이렇게 한 번에 3개를 만들 수 있습니다. 일일이 입력하지 않아도 되어서 간편하죠? 에디터 프로그램의 이런 장점이 코딩을 빠르게 할 수 있게 도와준답니다. 다른 에디터 프로..
[brackets] 브라켓 html 자동완성
안녕하세요. 플입니다. 오늘은 브라킷에서 템플릿을 불러와볼게요. 1. 템플릿 일단 템플릿 기본 형태는 위의 사진과 같아요. 아주 간단하게 구조를 잡아주고 필요한 부분은 넣어주면 될 것 같아요. 필요하다면 언어도 한국어로 바꿔주시면 된답니다. 은근히 쓰기 귀찮은 코드인데 간편하게 쓸 수 있다는 점이 에디터 프로그램의 장점 같아요. 2. !(느낌표) 자 그럼 이제 템플릿이 뭔지 알았으니 불러와봅시다. !(느낌표)를 입력하고 탭키를 눌러주세요. 간단하죠? 이렇게 간편하게 불러올 수 있답니다. 이제 저 표시된 빈 공간에 html 코드를 짜주시면 된답니다. 그럼 이만. 총총.
[html] 마우스를 올리면 나타나는 버튼 만들기
안녕하세요. 플입니다. 마우스를 올리면 나타나는 버튼을 만들어볼게요. 1. 전체 html 한 방울 두 방울 오늘은 html 코드만 우선 진행할게요. 먼저 전체 코드를 보여드릴게요. 2. 코드 하나씩 뜯어보기 한 방울 마우스를 올리면 태그가 나타나게 만들 거예요. 그래서 태그와 태그를 나란히 넣어줬어요. 저는 여러 개를 만들 예정이기 때문에 태그를 이용했습니다. 나란히 두는 것이 중요한 부분이에요. 3. css 보러 가기 준비 중 그럼 이만. 총총.
[html] 서브페이지 만들기
안녕하세요. 플입니다. 오늘은 서브페이지 틀을 만드는 기본적인 방법을 알아볼게요. 1. 파일 생성 먼저 서브페이지의 html 파일을 만들어줍니다. 간단하게 오른쪽 클릭을 해서 파일 만들기를 눌러주신 후 sub1.html이라는 이름의 파일을 생성합니다. 이름은 본인이 헷갈리지 않으면 다른 이름으로 해도 상관없어요. 저는 한눈에 알기 쉽게 sub1이라는 이름을 주로 사용한답니다. 2. 서브메뉴 생성 이미 기획단계에서 서브메뉴를 구성하고 메인 페이지를 만들었다면 상관없지만 오늘은 추가 작업이라 메뉴에 서브페이지 링크가 없어요. 그래서 우선 서브 메뉴를 생성해 줄 거예요. 이렇게 기존 메뉴에 더해 추가해줍니다. 링크도 sub1.html로 걸어주는 것을 잊지 말고요. 3. index 복사하기 다음은 서브페이지에 ..
[영상] 랜딩페이지 html 작업
안녕하세요. 플입니다. 오늘은 랜딩페이지 html 작업 영상을 가져왔어요. 1. 랜딩페이지 html 작업 https://youtu.be/FMYF65EbuP4 코드가 잘 보이도록 신경을 써봤는데 어떤지 궁금하네요. 랜딩페이지 html 작업을 영상으로 만들어봤어요. 아직 css가 들어가지 않아서 실제 화면은 전혀 랜딩페이지 같지 않지만 다음 css 작업 영상은 그럴싸해질 테니 다음 영상도 기대해주세요~ 그럼 이만. 총총.