html을 시작한다 일단 셋팅부터...html폴더 만들고 index.html만들기Ctrl + Shift + P로 커맨드 팔레트 실행 후 language로 검색해서 Configure Display Langage vcode설치 한글팩 설치확장 - liveserver설치Au
네트워크를 통해 서로 연결된 컴퓨터들 간에 서버와 클라이언트의 역할을 나누가 html이라는 웹문서를 통해 정보와 자료를 주고 받는 시스템웹컨텐츠라는 폴더를 url을 통해 접근하게 해주는것 웹서버서버가 꺼지면 여기서 만든 url로는접근살수없다Hello htmlhello
테이블을 만들자!
div 영역div 영역div 영역span 영역 span 영역 span 영역div영역은 div가 쓰여진 줄 전체이고 span영역은 span이라고 쓰여진 부분 만임을 알수있다.지금은 잘 사용하지 않는 태그이다.태그의 영역안에 다른 사이트를 불러오는 태그보안의 위험이 있기때
특별한건 없지만 ./주소 는 같은 폴더, 같은 영역안에 있다는 뜻이다.download를 쓰면 다운로드할수있다.실행 결과 : 하이퍼링크 관련 태그 (hana78786.github.io)
alt로 이미지 설명을 추가할수있다.같은 경로에 있는 파일이나 외부 링크 파일을 넣을수있다.음악, 비디오등을 삽입할수있다크기를 지정할수 있다 width 가로 height 세로controls를 입력하여 멀티미디어를 조종할 컨트롤러를 삽입할수있다.실행결과 : aj멀티미디어
적절한 type을 넣어줘야 한다.form action뒤의 주소로 내가 입력한 값이 전송된다.여러가지 종류의 버튼이 있다checkbox : 말그대로 체크하는 박스radio : 여러개중 하나만 선택할수있는 체크박스button : 버튼형식의 박스 누를수있다file : 파일을
css는 진도를 확확 나가셔서 따라 쓰기도 버거웠다천천히 복습하면서 기억해 놔야 할것 같다.스타일 꾸미기헤드부분에 style태그혹은 문자앞에 style태그혹은 스타일시트를 만들어 html의 스타일을 꾸민다.헤드안에 style태그를 적용해서 밑 본문에 적용시킨다,.은 클
css를 활용하여 레이아웃을 만들어보자!이런 구성에 레이아웃을 설정한다.div를 기반으로 안에 div를 쪼개 넣는 방식으로 구성하였다div안에 첫줄을 구성할 header, 내용을 구성할 contents 카피라이터를 넣을 footer 3가지의 div를 넣었다.header
border에는 다양한 스타일이 있다, 규칙을 알아보자none :테두리가 없음dotted :테두리가 점선dashed :테두리가 짧은 선 조각들의 연속solid: 테두리는 단일한 줄double테두리가 두개의 실선(solid) 줄groove테두리가 창(canvas)에서 조
width=””로 조절할수있다,.size=””로 조절할수도있다.html에 기본적으로 가지고 있는 여백값을 삭제하는 css참고 : Eric Meyer’s “Reset CSS” 2.0 | CSS Reset (cssdeck.com)static : 아무것도 지정하지 않은 경우
어제 만들었던 웹페이지의 레이아웃 수정테이블과 br태그를 사용하여 삽입했던 이미지를 전부 div태그로 수정하였다.navigator부분의 메뉴 텍스트를 ol태그를 이용하여 구성하였다.6번째 레이아웃 (hana78786.github.io)
지금까지 만든것을 응용해 샘플페이지를 만들어본다. 결과 : https://hana78786.github.io/Study_hana/2022_06_dev/frontworkspace/FRONT_HTML_CSS/WebContent/ex/exsite/web.html
https://codepen.io/hana78786/full/LYdagzQ부트스트랩은 무조건 12개를 기준으로 한다12개에서 중간사이즈일때 각각 블록안 몇개를 차지할것인지 class명으로 쓴것이다col-md-6은 중간사이즈일때 6개를차지한다.col-lg-6은
헤드에 들어간 링크들은 부트스트랩을 이용할때 반드시 필요하니 꼭 로드해둬야 한다class명으로 네비게이션 바의 형태를 만든다백그라운드나 네비게이션바의 색상을 정할수 있지만 실제 이 클래스 명으로 적용된 스타일값으로 float :left position:relative가
실행결과 : https://hana78786.github.io/Study_hana/2022_06_dev/frontworkspace/FRONT_JavaScript_JQuery/WebContent/responsive-web/sample.html
이 문제는 CSS를 수정하는 문제로 네비게이션 바가 한줄이 아니라 여러줄로 출력되는 문제를 가지고 있다.li의 float을 left로 바꾸어주면 한줄로 정상 출력된다.메뉴에 마우스를 올리면 글씨크기가 바뀌는 효과가 현재는 글씨가지 가야 바뀌기 때문에 메뉴로만 가도 바뀔
세미프로젝트 기간 도중 제출해야 하는 과제였다.솔직히.. 난감했다, 제작할 시간이 없었기떄문에 세미프로젝트로 시간을 풀로 써도 부족한 때였다.강사님은 만들었던 페이지를 디자인적으로 좀 추가하여 제출해도 된다고 했지만…다 알잖아.. 그걸로는 안됐다…..그래도 내 경우 토