# htmlcss

171개의 포스트

html 기초 정리 - (2) form 태그

form 태그 정리 form 태그 form 태그 형식 > browser에게 form을 쓰겠다고 알려주는 태그! form태그 안에 들어가는 다양한 field들을 알아두자! input 태그 > 입력창, input field (인풋 필드) 라고도 한다 > ⚠ Sy

약 12시간 전
·
0개의 댓글

html 기초 정리 - (1) 강조, 링크, 이미지, 목록, 정의, 인용

없음. 그냥 끌리는 대로 쓸 것!<em> 의 경우 기울이기, <strong>의 경우 굵게 표시를 하지만,'브라우저에게 이 부분이 중요하다고 알려주는 것' 이 중요하다!(스타일은 얼마든지 css로 바꿀 수 있다!)결과결과이미 잘 알고 있음.페이지 내에서 해당

어제
·
0개의 댓글
post-thumbnail

HTML 기초

html 기초 정리

2일 전
·
0개의 댓글
post-thumbnail

<HTML/CSS>layout - 레이아웃

position 은 레이아웃을 배치하거나, 객체를 위치시킬때 사용하는 css 속성이다. 상하좌우 위치를 설정할 수 있다. static (기본값) :위치를 지정하지 않고 자동배치.relative : 위치를 계산할때 static(부모 요소)의 원래 위치기준으로 지정.abs

5일 전
·
0개의 댓글

<HTML/CSS> Semantic Web와 Semantic Tag에 대하여

지금도 인터넷이 발전하면서 많은 정보가 축적되고 있다 방대한 자료를 사람이 하나하나 처리할 수는 없다. 따라서 자동으로 컴퓨터가 읽고 처리 할 수 있는 웹을 개발하고자 탄생한 것이Semantic web이다.단순히 &lt; div >로 시작되는 코드는 컴퓨터가 구분할 수

5일 전
·
0개의 댓글

레이아웃

HTML/CSS 레이아웃

7일 전
·
0개의 댓글
post-thumbnail

Semantic Web, Semantic Tag

시맨틱 웹.png

7일 전
·
0개의 댓글
post-thumbnail

클론코딩(HTML,CSS) 후기

Upgrading HTML&CSS

2021년 10월 8일
·
0개의 댓글
post-thumbnail

[TIL]레이아웃의 모든 것

레이아웃을 배치하거나, 객체를 위치시킬때 사용하는 css 속성이다.static (기본값) :위치를 지정하지 않을 때 사용한다.relative : 위치를 계산할때 static의 원래 위치부터 계산한다.absolute : 원래 위치와 상관없이 위치를 지정할 수 있다. 단,

2021년 10월 7일
·
0개의 댓글
post-thumbnail

TIL-2. position의 속성 / inline, inline-block, block

relativeabsolutefixedposition 속성은 웹페이지 속 요소들의 배치를 수행한다.텍스트나 이미지를 원하는 위치에 원하는 방식으로 놓을 수 있게 해 준다.위에 열거된 속성 말고도 static이랄지 sticky도 있지만가장 많이 쓰이는 위 세 가지 속성

2021년 10월 6일
·
0개의 댓글
post-thumbnail

[TIL]Semantic Web과 Semantic Tag

시맨틱 웹은 "의미론적인 웹"이라는 뜻으로, 기계가 사람을 대신하여 웹 페이지의 정보를 이해하고, 우리에게 필요한 정보만 보여주거나 정보를 가공해서 우리가 필요로 하는 형태로 가공해주는 것을 의미함.DF(resouce Description Framework): 웹상의

2021년 10월 6일
·
0개의 댓글

TIL-1. Semantic Web, Semantic Tags

인터넷의 발달 >> 정보의 홍수 >> 의미 있는 정보를 컴퓨터가 자동으로 분석해야 할 필요성 인지 >> Semantic Web의 탄생그동안의 웹은 사람이 시각적으로 정보를 확인하기 용이하게 만드는 데초점이 맞춰져 있었다.이를테면 "바나나는 &lt;font color=

2021년 10월 5일
·
0개의 댓글
post-thumbnail

Semantic Web과 Semantic Tag차이

\-> 기계가 읽고 처리할 수 있는 웹을 개발하고자 탄생한것구성요소RDF(resouce Description Framework): 웹상의 메타데이터의 표현과 교환을 위한 프레임워크XML(eXtensible Markup Language): 태그 등을 이용하여 데이터의

2021년 10월 5일
·
0개의 댓글
post-thumbnail

HTML+CSS: header 및 메뉴 만들기

코드htmlCSS

2021년 9월 22일
·
0개의 댓글
post-thumbnail

HTML 2. 태그 정리

🍀BOX와 ITEM 태그들은 크게 BOX와 Item으로 나뉠수 있다. > Item: 사용자가 볼 수 있다. Box: 이 아이템들을 잘 정리 할 수 있도록(sectioning 할 수 있도록) 도와준다. 사용자가 볼 수 없다. ✔지난시간 복습! 그냥 div태그를 무작위하게 나누는 것이아니라 html에서 추천하는 방식으로 section태그들을 이...

2021년 9월 12일
·
0개의 댓글
post-thumbnail

HTML 1. 구조 분석

2021년 9월 11일
·
0개의 댓글
post-thumbnail

[CSS] 레이아웃, Selector

id : 하나 밖에 없는 스타일의 경우에 사용class : 자주 사용되는 스타일의 경우에 사용Selector가 선택할 수 있는 HTML 요소의 범위셀렉터 h1 { } div { }전체 셀렉터 \* { }Tag 셀렉터 section, h1 { }ID 셀렉터 - cla

2021년 9월 7일
·
0개의 댓글

기술 면접 예상 질문

1) svg 파일 안에 해당 svg를 정의할 영역을 def로 지정한다. 2) 지정된 def 영역 안에 고유한 id를 지닌 symbol들을 정의한다. 3) 정의된 icon을 사용하기 위해서 use를 사용한다. use를 사용해 해당 아이콘의 아이디 값을 연결하여 html

2021년 9월 1일
·
0개의 댓글
post-thumbnail

[HTML, CSS] - CSS기초

\*ID 는 스타일을 지정할 때 한 가지만 지정해서 쓰는 이름이다.(표기방식은 \-> 하나의 문서에 고유한 Id 하나 밖에 쓸 수 없습니다.\*class 는 그룹으로 묶어서 스타일을 지정할 때 쓰는 이름이다.(표기방식은 .이름)\-> 하나의 문서에 여러번 쓸수 있다.

2021년 8월 28일
·
0개의 댓글
post-thumbnail

[HTML, CSS] - HTML기초

서로의 관심사를 분리하기 위해 '구조, 스타일, 상호작용'으로 나눠서 코드를 작성. JavaScript는 본래 브라우저에 웹 문서를 표현하기 위한 스크립팅 언어였으나, 이제는 node.js를 활용하여 서버 제작은 물론이고, PC를 위한 앱 / 프로그램을 만들 수 있는

2021년 8월 28일
·
0개의 댓글