tag [HTML&CSS] Image and Hyperlink 글만 있는 지루한 웹페이지를 벗어나 글과 그림이 조화로운 웹페이지를 만들고, 다른 웹페이지와 연결까지 된다면 이전에 만들 수 있던 것과는 차원이 다를 것이다. 오늘 정리하고 공부해 볼 부분은 웹 페이지에 이미지와 하이퍼링크를 넣을 수 있는 여러 태그들이다!!! 그럼 이제 어떻게 이미지를 넣을 수 있는지 알아보자. 이미지 관련 태그 <img src="경로" 속성="속성값"> 이미지 태그 관련 ... linkimagetaghtmlimgHTML TaghyperlinkHTML Tag 2일차 html 기초 HTML(Hyper Text Markup Language) 문서의 개체(텍스트, 이미지, 영상 등)가 서로 연결되어 있는 구조 하이퍼링크(Hyperlink): 문서와 문서 사이를 이동할 수 있는 기능 마크업 언어(Markup Language) 태그(Tag)를 이용하여 문서나 데이터구조를 명시하는 언어 수업에서 자주 사용하는 태그 몇가지를 배웠다. h1~h6(heading) tag 제목 지정 ... taghtmlhtml 3일차 1-1 html list 관련 list와 관련된 태그들 (1) ol 태그(= ordered list) (2) ul 태그(= unordered list) (3) li 태그(= list) 1. ol tag 순서가 있는 list tag 2. ul tag 순서가 없는 list tag 3. 리스트와 이미지 list 내에서 이미지 삽입 가능 이미지 파일이 수업 폴더 내에 있어 실행결과 없이 코드만 작성 4. 중복 리스트 list t... taghtmlhtml 시맨틱 태그 개념과 공간분할 실행결과 순서가 있는 목록 ol(ordered list): 순서가 있는 목록 1 ol(ordered list): 순서가 있는 목록 2 ol(ordered list): 순서가 있는 목록 3 순서가 없는 목록 ul(unordered list): 순서가 없는 목록 1 ul(unordered list): 순서가 없는 목록 2 ul(unordered list): 순서가 없는 목록 3 dl(descri... taghtmlhtml HTML tag 개념 <h1> 누구나 아는 그 제목 태그 </h1> <p> p태그와 </p> ~~div태그는 p태그와 마찬가지로 블록라인 요소 div는 블록라인 요소이다 <b> b태그 </b> b태그는 볼드체 <strong> strong 태그 </strong> b태그와 같이 볼드체, 강의에서는 실무에서 strong을 더 쓴다고 하는데 겪어보지 못한 미지의 영역이라 익혀두고 나중에 놀라지 말자 <i> i 태그 </... taghtmlhtml HTML tag 기초 HTML - 구조(Structure) CSS - 스타일(Presentation) JS - 상호작용(Interaction) 을 표현함. - HTML HTML은 HyperText Markup Language의 약자로 웹 페이지를 구성하는 마크업 언어이다. HTML은 프로그래밍 언어가 아니고, 웹 페이지를 구성하는 뼈대가 되는, 웹페이지의 틀을 만드는 언어이다. HTML은 어떻게 사용하는가? HT... htmlUItagUI HTML - Position 속성과 Block에 대하여 1. position 속성 - relative, absolute, fixed 🎈 Position 속성이란? Position은 css에서 element를 어떠한 위치에 배치시키는데에 사용된다. Position은 5가지로 구성되어있다. position: static;은 default 값으로 되어있다. static일때는 top, right, bottom, left 값을 주어도 변화가 없다 따라서 ... blocktagpositionWeCodeTILhtmlTIL 버튼 정렬은 aside 태그를 생성해서 정렬! 단순히 body 안에 버튼들을 생성하고 style에 를 입력하면 버튼들은 위에 고정되지만(fixed) 버튼들끼리 서로 겹쳐있는 상태를 볼 수 있다. 그러나, body 안에 aside 태그를 생성하고 그 안에 button들을 집어넣은 뒤 style에 를 입력하면 생성된 버튼들이 위에 고정되면서(fixed) 우측으로(1000px만큼) 정렬되는 모습을 볼 수 있다.... asideCSStaghtmlCSS HTML 기본 구조 사람에게 206개의 뼈가 있듯이, html에게도 필수적인 뼈대가 되는 구조가 있다. 👶 사람을 HTML 기본 구조로 간단히 설명해보면 이렇다. 안녕? 나는 사람이야! 나는 사람이고, 내 이름은 홍길동이야. 내가 쓰는 언어는 한국어야. 내 몸에는 어깨, 팔, 다리 등의 신체 부위가 존재해. HTML 뜯어보기🕵 문서 유형을 나타내는 DOYTYPE 문서 유형을 나타낸다. 브라우저가 웹 페이지를 올... taghtmlDOCTYPEDOCTYPE HTML tag 너무 많아,, 언제쓰지? html 태그 선언전 가장 먼저 선언되어야 하는 마크업 언어용 DTD 태그 HTML의 버전을 웹 브라우저에게 알려주는 역할을 하며, html5 이후로는 아래와 같이 선언하면 된다. 임을 알려주는 태그 해당 문서의 정보인 메타데이터를 정의할 때 사용하는 태그 div와 비슷한 성격의 태그로서 보통 텍스트에 css를 줄때 사용했던 태그 제목을 정의할 때 사용하는 태그 한 구역이나 특정 섹션의 헤더... divspanhtmltagdiv TIL 01___HTML basic 1 1. HTML로 웹화면의 구조를 짜고 콘텐츠를 입력할 수 있다. 웹 문서의 시작과 끝을 나타내는 태그. ⦿<meta> : 웹 문서와 관련된 정보를 지정할 때 사용. 👉 시맨틱 태그를 사용하면 웹 브라우저가 HTML의 소스 코드만 보고도 어느 부분이 제목이고 메뉴이고 본문인지 쉽게 알 수가 있다. 👉 인터넷에서 웹 사이트를 검색할 때 필요한 내용을 정확히 찾을 수 있다. 같은 웹 문서 안에서 ... elementtagwebhtmlTILTIL TIL 03___HTML basic 3(label, input) ♦︎ text: 한 줄짜리 텍스트를 입력할 수 있는 텍스트 박스를 넣는다. ♦︎ password: 비밀번호를 입력할 수 있는 필드를 넣는다. ♦︎ url: URL 주소를 입력할 수 있는 필드를 넣는다. ♦︎ email: 이메일 주소를 입력할 수 있는 필드를 넣는다. ♦︎ tel: 전화번호를 입력할 수 있는 필드를 넣는다. ♦︎ checkbox: 주어진 여러 항목에서 2개 이상 선택할 수 있는... tagwebinputhtmlTILTIL Invoke tagging discipline across organization in AWS - 4 (the last post) 그러나 이 두 계정은 각각 다른 Lambda function이다.여기에는 다음이 포함됩니다. Lambda function "Generator"를 정시 부팅하여 전용 S3bucket 이 됨(이하 "Bucket1") 시작 알림용 Lambda Function "Transmitter" Lambda function "Generator" Bucket1은 Organizations Master Accoun... AWSPythonsamOrganizationstag Invoke tagging discipline across organization in AWS - 1 Without the use of tags, it can become difficult to manage your resources effectively as your utilization of AWS services grows. 태그를 사용하지 않으면 AWS 서비스의 사용이 계속 확대되는 과정에서 자원을 효과적으로 관리하는 것이 어려워질 수 있습니다.그러나 어떤 종류의 자원에 어떤 표시를 ... awscliawsconfigAWSOrganizationstag struts 탭이 날짜가 만료되었는지 판단합니다 strutstag일자deadline HTML Tag Practice 앞서 언급했듯 모든 html앞에 오는 태그로 문서별로 단 하나만 존재한다. XHTML인지, HTML 5인지 그 문서의 형식을 알려준다. HTML 5 : HTML 4.01: html : 문서 형식을 지정하는 <DOCTYPE html>을 제외하고 모든 HTML요소의 부모 요소 이다. 따라서 html의 열림 태그와, 닫힘 태그 안에 모든 html요소가 구서되어있어야한다. 위키백과같은 코드를 복사해... tagPoiemawebhtmlPoiemaweb HTML 태그 속성 id로 빠지면 어떤 웹페이지를 개발할 때 자신의 오류를 발견했기 때문에 남는다. 폼에 텍스트를 입력하고 발송 단추를 누르면 창의 내용을 비우고 싶습니다. 따라서 HTML 파일은 다음 테이블을 만듭니다. 창 내용을 삭제하기 위해 javaScript 파일을 만들었습니다. 동작 확인 문자를 입력한 후 발송 단추를 누르면 다음과 같은 오류가 발생합니다.이 잘못을 해결하기 전에 나는 시간을 낭비했다. HTML 파일... HTMLJavaScriptRubytagtech
[HTML&CSS] Image and Hyperlink 글만 있는 지루한 웹페이지를 벗어나 글과 그림이 조화로운 웹페이지를 만들고, 다른 웹페이지와 연결까지 된다면 이전에 만들 수 있던 것과는 차원이 다를 것이다. 오늘 정리하고 공부해 볼 부분은 웹 페이지에 이미지와 하이퍼링크를 넣을 수 있는 여러 태그들이다!!! 그럼 이제 어떻게 이미지를 넣을 수 있는지 알아보자. 이미지 관련 태그 <img src="경로" 속성="속성값"> 이미지 태그 관련 ... linkimagetaghtmlimgHTML TaghyperlinkHTML Tag 2일차 html 기초 HTML(Hyper Text Markup Language) 문서의 개체(텍스트, 이미지, 영상 등)가 서로 연결되어 있는 구조 하이퍼링크(Hyperlink): 문서와 문서 사이를 이동할 수 있는 기능 마크업 언어(Markup Language) 태그(Tag)를 이용하여 문서나 데이터구조를 명시하는 언어 수업에서 자주 사용하는 태그 몇가지를 배웠다. h1~h6(heading) tag 제목 지정 ... taghtmlhtml 3일차 1-1 html list 관련 list와 관련된 태그들 (1) ol 태그(= ordered list) (2) ul 태그(= unordered list) (3) li 태그(= list) 1. ol tag 순서가 있는 list tag 2. ul tag 순서가 없는 list tag 3. 리스트와 이미지 list 내에서 이미지 삽입 가능 이미지 파일이 수업 폴더 내에 있어 실행결과 없이 코드만 작성 4. 중복 리스트 list t... taghtmlhtml 시맨틱 태그 개념과 공간분할 실행결과 순서가 있는 목록 ol(ordered list): 순서가 있는 목록 1 ol(ordered list): 순서가 있는 목록 2 ol(ordered list): 순서가 있는 목록 3 순서가 없는 목록 ul(unordered list): 순서가 없는 목록 1 ul(unordered list): 순서가 없는 목록 2 ul(unordered list): 순서가 없는 목록 3 dl(descri... taghtmlhtml HTML tag 개념 <h1> 누구나 아는 그 제목 태그 </h1> <p> p태그와 </p> ~~div태그는 p태그와 마찬가지로 블록라인 요소 div는 블록라인 요소이다 <b> b태그 </b> b태그는 볼드체 <strong> strong 태그 </strong> b태그와 같이 볼드체, 강의에서는 실무에서 strong을 더 쓴다고 하는데 겪어보지 못한 미지의 영역이라 익혀두고 나중에 놀라지 말자 <i> i 태그 </... taghtmlhtml HTML tag 기초 HTML - 구조(Structure) CSS - 스타일(Presentation) JS - 상호작용(Interaction) 을 표현함. - HTML HTML은 HyperText Markup Language의 약자로 웹 페이지를 구성하는 마크업 언어이다. HTML은 프로그래밍 언어가 아니고, 웹 페이지를 구성하는 뼈대가 되는, 웹페이지의 틀을 만드는 언어이다. HTML은 어떻게 사용하는가? HT... htmlUItagUI HTML - Position 속성과 Block에 대하여 1. position 속성 - relative, absolute, fixed 🎈 Position 속성이란? Position은 css에서 element를 어떠한 위치에 배치시키는데에 사용된다. Position은 5가지로 구성되어있다. position: static;은 default 값으로 되어있다. static일때는 top, right, bottom, left 값을 주어도 변화가 없다 따라서 ... blocktagpositionWeCodeTILhtmlTIL 버튼 정렬은 aside 태그를 생성해서 정렬! 단순히 body 안에 버튼들을 생성하고 style에 를 입력하면 버튼들은 위에 고정되지만(fixed) 버튼들끼리 서로 겹쳐있는 상태를 볼 수 있다. 그러나, body 안에 aside 태그를 생성하고 그 안에 button들을 집어넣은 뒤 style에 를 입력하면 생성된 버튼들이 위에 고정되면서(fixed) 우측으로(1000px만큼) 정렬되는 모습을 볼 수 있다.... asideCSStaghtmlCSS HTML 기본 구조 사람에게 206개의 뼈가 있듯이, html에게도 필수적인 뼈대가 되는 구조가 있다. 👶 사람을 HTML 기본 구조로 간단히 설명해보면 이렇다. 안녕? 나는 사람이야! 나는 사람이고, 내 이름은 홍길동이야. 내가 쓰는 언어는 한국어야. 내 몸에는 어깨, 팔, 다리 등의 신체 부위가 존재해. HTML 뜯어보기🕵 문서 유형을 나타내는 DOYTYPE 문서 유형을 나타낸다. 브라우저가 웹 페이지를 올... taghtmlDOCTYPEDOCTYPE HTML tag 너무 많아,, 언제쓰지? html 태그 선언전 가장 먼저 선언되어야 하는 마크업 언어용 DTD 태그 HTML의 버전을 웹 브라우저에게 알려주는 역할을 하며, html5 이후로는 아래와 같이 선언하면 된다. 임을 알려주는 태그 해당 문서의 정보인 메타데이터를 정의할 때 사용하는 태그 div와 비슷한 성격의 태그로서 보통 텍스트에 css를 줄때 사용했던 태그 제목을 정의할 때 사용하는 태그 한 구역이나 특정 섹션의 헤더... divspanhtmltagdiv TIL 01___HTML basic 1 1. HTML로 웹화면의 구조를 짜고 콘텐츠를 입력할 수 있다. 웹 문서의 시작과 끝을 나타내는 태그. ⦿<meta> : 웹 문서와 관련된 정보를 지정할 때 사용. 👉 시맨틱 태그를 사용하면 웹 브라우저가 HTML의 소스 코드만 보고도 어느 부분이 제목이고 메뉴이고 본문인지 쉽게 알 수가 있다. 👉 인터넷에서 웹 사이트를 검색할 때 필요한 내용을 정확히 찾을 수 있다. 같은 웹 문서 안에서 ... elementtagwebhtmlTILTIL TIL 03___HTML basic 3(label, input) ♦︎ text: 한 줄짜리 텍스트를 입력할 수 있는 텍스트 박스를 넣는다. ♦︎ password: 비밀번호를 입력할 수 있는 필드를 넣는다. ♦︎ url: URL 주소를 입력할 수 있는 필드를 넣는다. ♦︎ email: 이메일 주소를 입력할 수 있는 필드를 넣는다. ♦︎ tel: 전화번호를 입력할 수 있는 필드를 넣는다. ♦︎ checkbox: 주어진 여러 항목에서 2개 이상 선택할 수 있는... tagwebinputhtmlTILTIL Invoke tagging discipline across organization in AWS - 4 (the last post) 그러나 이 두 계정은 각각 다른 Lambda function이다.여기에는 다음이 포함됩니다. Lambda function "Generator"를 정시 부팅하여 전용 S3bucket 이 됨(이하 "Bucket1") 시작 알림용 Lambda Function "Transmitter" Lambda function "Generator" Bucket1은 Organizations Master Accoun... AWSPythonsamOrganizationstag Invoke tagging discipline across organization in AWS - 1 Without the use of tags, it can become difficult to manage your resources effectively as your utilization of AWS services grows. 태그를 사용하지 않으면 AWS 서비스의 사용이 계속 확대되는 과정에서 자원을 효과적으로 관리하는 것이 어려워질 수 있습니다.그러나 어떤 종류의 자원에 어떤 표시를 ... awscliawsconfigAWSOrganizationstag struts 탭이 날짜가 만료되었는지 판단합니다 strutstag일자deadline HTML Tag Practice 앞서 언급했듯 모든 html앞에 오는 태그로 문서별로 단 하나만 존재한다. XHTML인지, HTML 5인지 그 문서의 형식을 알려준다. HTML 5 : HTML 4.01: html : 문서 형식을 지정하는 <DOCTYPE html>을 제외하고 모든 HTML요소의 부모 요소 이다. 따라서 html의 열림 태그와, 닫힘 태그 안에 모든 html요소가 구서되어있어야한다. 위키백과같은 코드를 복사해... tagPoiemawebhtmlPoiemaweb HTML 태그 속성 id로 빠지면 어떤 웹페이지를 개발할 때 자신의 오류를 발견했기 때문에 남는다. 폼에 텍스트를 입력하고 발송 단추를 누르면 창의 내용을 비우고 싶습니다. 따라서 HTML 파일은 다음 테이블을 만듭니다. 창 내용을 삭제하기 위해 javaScript 파일을 만들었습니다. 동작 확인 문자를 입력한 후 발송 단추를 누르면 다음과 같은 오류가 발생합니다.이 잘못을 해결하기 전에 나는 시간을 낭비했다. HTML 파일... HTMLJavaScriptRubytagtech