반응형 html9 HTML_링크,이미지,표만들기 안녕하세요 코딩초밥입니다 ㅇㅅㅇ 파이팅 링크 눌리면 바로 그 링크로 갈수있는 코드. Anchor의 약자 a로 닻을 내리는듯한걸 표현한것같습니다 이것은 꼭 웹사이트 이동으로만 쓰이는것이아닌 내 글안에서도 위치를 id로 지정해서 그쪽으로 갈수도있습니다. 예를 몇가지 따라해보면서 이해해보겠습니다 코딩초밥은naver을 좋아해 target 속성이 "_blank"이므로 , 링크는 새로운 탭에서 열립니다. target 종류 blank 새로운 윈도우에서 새로운 페이지를연다 self 현재 윈도우에 새로운 페이지를 적재한다 parent 부모 프레임에 새로운 페이지를 적재한다 top 현재 윈도우에 새로운 페이지를 적재하고 모든 프레임을 취소한다 같은페이지에서도 섹션을 나눠서 갈수있다. 참고 사항으로 가려면 여기를 클릭하.. 2021. 5. 13. 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. HTML_오디오,비디오 div, span 안뇽하세요 코딩초밥입니당 ㅇㅅㅇ html에 오디오랑 비디오가 안나오면 섭섭하겠죠? 오디오 비디오 및 코드쓸때 아무 구분없이 쭈룰루루루루루룱 쓰면 나중에 내가 쓰고도 힘들어지겠죠? 그러다가 나도힘들게알아보는 코드를 인수인계한다면 받는분은 눈물이 쭈루룰루룩일겁니다. 그래서 코드를 구분할수있는 div와 span을 알려드리도록하겠습니다 😘 ※오디오 활용 오디오를 넣어서 사이트가 켜지면 바로 음악이 나오게 할수있습니다. audio : 오디오삽입태그 src="oldpop.mp3" : 오디오 소스 파일 경로(url) autoplay : 자동재생 controls : 화면 제어기 보일것 속성 종류 ※오디오 파일의 종류. ·MP3 – 'MPEG-1 Audio Layer-3'의 약자로 MPEG기술의 음성 압축 기.. 2021. 5. 6. 이전 1 2 다음 반응형
