반응형 HTML5 & CSS316 HTML5/CSS3 - border 값 border 값을 지정해줄수있다. No Border. Hidden Border. Dotted Border. Dashed Border. Solid Border. Double Border. Groove Border. Ridge Border. Inset Border. Outset Border. 각각 클래스로 이름을 지정해줌. h3.none {border-style: none;} h3.hidden {border-style: hidden;} h3.dotted {border-style: dotted;} h3.dashed {border-style: dashed;} h3.solid {border-style: solid;} h3.double {border-style: double;} h3.groove {border-st.. 2023. 7. 29. HTML5/CSS3 - overflow 박스의 크기를 정했을때. 그안에 글자를 넣기에 글씨가 엄청 많을때. 이걸 어쩌나? 이때 쓰는게 overflow 속성 visible : 박스를 넘어가도 글씨를 그냥 보여줌 hidden : 박스안부분만 보이고 나머진 안보여줌 scroll : 스크롤이 생김 auto : 글씨가 많을땐 스크롤이 생기고, 없을땐 안생김. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 visible Lorem ipsum dolor sit aamet sit veroeros sed et blandit consequat sed veroeros lore.. 2023. 7. 8. HTML5/CSS3 - 목록태그 순서없는목록, 순서있는목록, 주제와 그의 내용. 뭐 그런 태그들. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum dolor sit amet sit veroeros sed et blandit consequat sed veroeros lorem et blandit adipiscing feugiat phasellus tempus hendrerit, tortor vi.. 2023. 7. 8. HTML Forms / 폼 양식 HTML 폼은 웹 페이지에서 사용자 입력을 수집하는 데 사용되는 웹 개발 기술입니다. 폼은 사용자에게 텍스트 입력, 드롭다운 목록 선택, 체크박스 선택과 같은 다양한 방법으로 정보를 제공할 수 있습니다. 폼은 또한 사용자가 파일을 업로드하거나 버튼을 클릭하여 작업을 수행하는 데 사용할 수 있습니다. HTML 폼은 태그로 표시됩니다. 태그는 폼의 이름과 제출 방법을 지정하는 속성을 포함할 수 있습니다. 폼의 이름은 웹 서버에서 폼 데이터를 식별하는 데 사용됩니다. 폼 제출 방법은 폼 데이터가 웹 서버로 전송되는 방법을 지정합니다. HTML 폼은 다음과 같은 다양한 입력 요소를 포함할 수 있습니다. 태그: 텍스트 입력, 숫자 입력, 이메일 주소 입력 등 다양한 유형의 입력을 허용하는 요소입니다. 태그: 사용.. 2023. 7. 1. CSS를 추가하는 방법 CSS를 삽입하는 세 가지 방법 스타일 시트를 삽입하는 방법에는 세 가지가 있습니다. · 외부 CSS · 내부 CSS · 인라인 CSS 외부 CSS 외부 스타일 시트를 사용하면 파일 하나만 변경하여 전체 웹 사이트의 모양을 변경할 수 있습니다. 각 HTML 페이지는 헤드 섹션 내부의 요소 내부에 외부 스타일 시트 파일에 대한 참조를 포함해야 합니다. ex) 외부 스타일은 HTML 페이지의 섹션 내 요소 내에서 정의됩니다. 외부 스타일 시트는 모든 텍스트 편집기에서 작성할 수 있으며 .css 확장자로 저장해야 합니다. 외부 .css 파일에는 HTML 태그가 포함되어서는 안 됩니다. 내부 CSS 단일 HTML 페이지에 고유한 스타일이 있는 경우 내부 스타일 시트를 사용할 수 있습니다. 내부 스타일은 요소 내.. 2023. 6. 19. CSS 구문 / Syntax CSS 규칙은 선택기와 선언 블록으로 구성됩니다. CSS 구문 선택기는 스타일을 지정할 HTML 요소를 가리킵니다. 선언 블록에는 세미콜론으로 구분된 하나 이상의 선언이 포함됩니다. 각 선언에는 콜론으로 구분된 CSS 속성 이름과 값이 포함됩니다. 여러 CSS 선언은 세미콜론으로 구분되며 선언 블록은 중괄호로 묶입니다. ex) 이 예시는 모든 요소는 파란색 텍스트 색상으로 가운데 정렬됩니다. ※ 예시설명 - p CSS의 선택기입니다(스타일을 지정하려는 HTML 요소를 가리킴: ). - color는 속성이고 blue속성 값입니다. - text-align는 속성이고 center속성 값입니다. 2023. 6. 19. HTML 블록 및 인라인 요소 / Block and Inline 모든 HTML 요소에는 유형에 따라 기본 표시 값이 있습니다. 표시 값에는 블록과 인라인의 두 가지가 있습니다. block & inline 블록(black)은 , 태그의 기본 요소 입니다. 구분 또는 단락을 정의합니다. 인라인(inline)은 태그의 기본 요소 입니다. 옆으로 달라붙는 요소이며, 단락을 구분하지 않습니다. TIP : 을 이용하여 block 요소와 inline 요소를 병행하며 사용할 수 있습니다. 2023. 6. 17. HTML 파비콘 / Favicon 파비콘은 브라우저 탭의 페이지 제목 옆에 표시되는 작은 이미지입니다. HTML에 Favicon을 추가하는 방법 원하는 이미지를 파비콘으로 사용할 수 있습니다. https://www.favicon.cc 와 같은 사이트에서 나만의 파비콘을 만들 수도 있습니다 . Tip: 파비콘은 작은 이미지이므로 대비가 높은 단순한 이미지여야 합니다. 아래와 같이 브라우저 탭의 페이지 제목 왼쪽에 파비콘 이미지가 표시됩니다. 웹사이트에 파비콘을 추가하려면 파비콘 이미지를 웹 서버의 루트 디렉터리에 저장하거나 이미지라는 루트 디렉터리에 폴더를 만들고 이 폴더에 파비콘 이미지를 저장합니다. 파비콘 이미지의 일반적인 이름은 "favicon.ico"입니다. 2023. 6. 15. HTML 이미지 / Img HTML 태그는 웹 페이지에 이미지를 삽입하는 데 사용됩니다. 이미지는 기술적으로 웹 페이지에 삽입되지 않습니다. 태그 는 참조된 이미지를 보관할 공간을 만듭니다. 태그 가 비어 있고 속성만 포함하며 닫는 태그가 없습니다. 태그 에는 두 가지 필수 속성이 있습니다. src : 이미지의 경로를 지정합니다. alt : 이미지의 대체 텍스트를 지정합니다. 웹상에서 alt 값은 보이지 않습니다. 웹접근성에 용이하도록 로봇이 읽어줍니다. 이미지에 크기 또한 설정이 가능합니다. 감사합니다! 2023. 6. 12. 이전 1 2 다음 반응형
