본문 바로가기
반응형

이과/HTML,CSS,JS20

HTML_링크,이미지,표만들기 안녕하세요 코딩초밥입니다 ㅇㅅㅇ 파이팅 링크 눌리면 바로 그 링크로 갈수있는 코드. Anchor의 약자 a로 닻을 내리는듯한걸 표현한것같습니다 이것은 꼭 웹사이트 이동으로만 쓰이는것이아닌 내 글안에서도 위치를 id로 지정해서 그쪽으로 갈수도있습니다. 예를 몇가지 따라해보면서 이해해보겠습니다 코딩초밥은naver을 좋아해 target 속성이 "_blank"이므로 , 링크는 새로운 탭에서 열립니다. target 종류 blank 새로운 윈도우에서 새로운 페이지를연다 self 현재 윈도우에 새로운 페이지를 적재한다 parent 부모 프레임에 새로운 페이지를 적재한다 top 현재 윈도우에 새로운 페이지를 적재하고 모든 프레임을 취소한다 ​ 같은페이지에서도 섹션을 나눠서 갈수있다. 참고 사항으로 가려면 여기를 클릭하.. 2021. 5. 13.
HTML_IFRAME 안녕하세요 코딩초밥입니다 ㅇㅅㅇ ​ 내가 이미 작성한 HTML의 글을 나중에 또 가져올려면 어떻게하나요? 복붙해서 붙이면되죠? 하핫 뒤로가기버튼눌러주세요 당신은 이미 합격입니다. 근데 그렇게 해도 되는데 동료들이 이상한눈으로 처다볼겁니다. ㅇㅅㅇ 요번에는 예전에 자신이 작성한글이거나 아니면 다른곳에 HTML을 가져와서 현재 작업하고있는 HTML에 보여주도록 하는 ifram에서 배워보겠습니다! ※ifram 활용 작성한 코드이거나 다른곳에있는데이타를 내 html로 불러올수있습니다. 내가 만들어놓은 페이지를 다른 페이지에서 보여져서 개발자가 더 편하게 정보 공유를할수있는것입니다.!! ▶간단예제 웹공식사이트 ​ 2021. 5. 11.
HTML_서버와 통신 GET,POST 안녕하세요 코딩초밥입니다 어느덧 HTML의 마지막 글입니다. 사실 HTML이 서버와 통신을 못한다면 그냥 문자일뿐이겠지요 오늘은 가장중요한 서버와의 통신에 대해 다루어보겠습니다 😍 먼저, 제가 지금 html을 작성하고있는 프로그램은 visual studio code 입니다. 무료이구요. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and availabl.. 2021. 5. 11.
HTML_다양한 입력Type 안녕하세요! 코딩초밥입니다.ㅇㅅㅇ ​ html의 마지막으로 설명하지못한 타입들을 쭈우우욱 써보겠습니다 누군가에게 도움이됬으면좋겠습니다 😍 *input type만 바꿔주면 ui는 내가 설정하지않아도 바뀐다. 이메일 : URL : 전화번호 : 색상 : 월 : 날짜 : 주 : 시간 : 지역 시간 : 숫자 : 범위 : 아무것도없다면 아무것도없다고 말해주기: 읽기 전용 안써짐: 페이지 로딩되면 자동 포커스 받기: 최대 글자수 제한: 자동완성기능 유효성 검사: 입력형식에 맞지않는 값을 검사 이메일: 전화번호: ※결과값 2021. 5. 10.
HTML_파일보내기 안녕하세요!코딩초밥입니당 하루의 시작이 너무 기분좋다. 아무이유없다. 😋 ※ 파일보내기 웹브라우저에서 중요한 작업중하나가 파일을 보내는것이다. 자신의 파일을 서버에 올리거나 하는 작업들은 컴퓨터를 공부하지않는다 하여도 모두다 해봤을것이다. html안에서는 어떤 방식으로 파일을 주는지 방법을 뜯어 보자. ※ 알아두기 텍스트를 웹서버에 보내서 띄우는건 하나의 텍스트이기때문에 어렵지 않았습니다. 허나 파일의 경우 몇만 바이트의 덩어리입니다 POST 배열로 받고 주는건 비효율적입니다. 그리고 파일을 png, jpg인지 웹서버는 인식을하지못합니다. ​ 그래서 파일을보낼때 안에 파일정보를 설명하는 5가지의정보를 배열로 보냅니다 (header문서) #이렇게 파일을 설명하는 데이타는 메타데이타라 읽컷습니다. ​ 웹서버.. 2021. 5. 9.
HTML_버튼,콤보박스,fieldset 안녕하세요 코딩중인 코딩초밥입니다 ㅇㅅㅇ 오늘도 같이 코드를봐볼까요?? 😘 ※BUTTON 활용 사이트에 버튼이 있어야 이동을하거나 발동할수있는 함수를 주겠죠? ​ ▶간단예제 ※콤보박스 select 박스를 만들수있습니다 ​ ▶간단예제 aaa bbb ccc 짜장면 우동 짬뽕 초밥 오꼬노미 사시미 value 는 서버와 통신할떄 생성자로 쓰여질수있습니다. 다음글에서 이 value로 서버와 통신하는법을 배우겠습니다. ※fieldset 영역을 그룹화시킵니다(테두리선과 라벨을 적용합니다) ​ ▶간단예제 인적사항 이름: 주소: 번호: 빠밤: 이렇게 데이타를 받고 버튼을 만들었다면 서버를 통해서 데이타를 주고받는 간지나는작업도 해야겠죠? 다음에는 서버와 통신방법에 대해 알아보겠습니다 2021. 5. 8.
반응형