span 🧙🏼 HTML 구조를 나타내는 요소 : 컨텐츠 분할 요소 : 블록 레벨 요소 : 플로우 콘텐츠를 위한 통용 컨테이너 (순수 컨테이너로서 아무것도 표현안함) : 인라인 컨테이너 : 인라인 레벨 요소 🌵 span (인라인 요소) vs div(블록 요소) Semantic Web : 요소의 의미를 고려하여 구조를 설계하고 코드를 작성한다. (div, span : non-semantic) : 제목, 로고, 검색, 폼, 작성자 이름등의 ... spanHTML 구조articleheadersectionmainhtmlnavdivasidefooterHTML 구조 HTML tag 너무 많아,, 언제쓰지? html 태그 선언전 가장 먼저 선언되어야 하는 마크업 언어용 DTD 태그 HTML의 버전을 웹 브라우저에게 알려주는 역할을 하며, html5 이후로는 아래와 같이 선언하면 된다. 임을 알려주는 태그 해당 문서의 정보인 메타데이터를 정의할 때 사용하는 태그 div와 비슷한 성격의 태그로서 보통 텍스트에 css를 줄때 사용했던 태그 제목을 정의할 때 사용하는 태그 한 구역이나 특정 섹션의 헤더... divspanhtmltagdiv 하도급 해제 사건: 살펴보는 게 좋을 것 같아요. 벌집에서 우리는 줄곧 당신의 피드백을 듣고 있습니다.더 간단한 방법으로 사용 상황을 예측하고 업무 중의 관찰 가능한 지출을 평가해야 합니다.당신이 이미 있는 곳에서 당신을 만나고 비슷한 용어를 사용하며 더 간단한 체험으로 당신에게 더 많은 통제를 주면 어떤 모습일까요?우리는 이것이 고객 체험을 사건 기반의 모델 중심의 체험으로 재상상하는 것을 의미한다고 생각한다. 그것이 바로 섭취와 보존이다... loggingspantracingobservability [HTML] Sementic & NonSementic Web header, main, footer등 section을 나누어 각 section의 역할을 명확히 하기 위해서 사용한다. 보조 기기가 웹 문서의 개요를 사용자에게 전달할 때, 그 의미를 전달하는 데 더 효과적이다. 🔴<div> Tag 🔴<span> Tag Sementic Markup : 기계도 이해할 수 있고, 인간도 이해할 수 있도록 의미에 맞는 tag를 사용하여 markup하는 것을 말한다... spanOutline Algorithm논시멘틱 웹시멘틱 웹아웃라인 알고리즘webfrontendhtmlnonsementic webTILdivSementic webOutline Algorithm html 요소(3)_인라인 텍스트 인라인 요소는 가로, 세로 값을 가질 수 없어서 레이아웃보다는 텍스트를 다루는데 적합하다. 그래서 글씨를 다루는 태그들은 대부분 이다. ( <p> <h1> 등 제외 ) ( Anchor ) 페이지의 위치, 파일, 이메일 주소와 그 외 다른 url로 연결할 수 있는 하이퍼링크를 만듦 href로 경로를 설정하고, target으로 링크가 보여지는 위치를 지정 아무 의미 없이 영역을 나누는 역할 <d... aspaninline elementhtmla POJ 3522 슬 림 스 판 (kruskal 변형) 제목: 그림 에서 나 무 를 생 성 하 는 가장 긴 변 과 가장 짧 은 변 의 차 이 를 최소 화 합 니 다. 생각: 1. 우선 모든 생 성 트 리 를 구 해 야 차이 의 최소 치 를 구 할 수 있다. 2. kruskal 알고리즘 을 이용 하여 작은 것 부터 큰 것 까지 정렬 한 다음 에 우 리 는 작은 것 부터 시작 하여 변 집 i ~ m 에서 생 성 할 수 있 는 나 무 를 매 거 합 니... span [HTML] span, margin <span> 일부분만 스타일 지정하기위해 부여하는태그 -inline margin : 50px 상하좌우 margin: 20px(상하) auto(좌우) margin: 4개 다하면 시계방향 <b> = <strong> <i> = <em> <code>줄이 안바뀜=<pre> 줄바뀜 <!doctype html> <html> <head> <meta charset="UTF"> <title></title> <... spanmarginmargin JavaScript 의 Iterator 와 for - of 순환 을 깊이 해석 합 니 다. 위 코드 의 index 변 수 는 수치 형식 이 아 닌 '0', '1', '3' 등 문자열 이 될 것 입 니 다.문자열 의 index 를 사용 하여 일부 연산 ("2" + 1 = = "21") 에 참여 하면 연산 결과 가 예상 에 부합 되 지 않 을 수 있 습 니 다.배열 자체 의 요소 가 옮 겨 다 닐 뿐만 아니 라 사용자 가 추가 한 추가 (expando) 요소 도 옮 겨 다 닐 것 입 ... javaScript웹 전단es6spanfor TIL - heading 태그와 다른 태그를 한 줄에 넣기 상단에 우리가 일반적으로 보는 헤더처럼 heading 태그 < h1 >과 다른 button들을 같은 줄에 넣고 싶었다. 처음엔 이렇게하고 span 태그의 justify-content를 end로 해서 오른쪽으로 붙이기는 했는데 계속 h1태그와 줄이 달랐다. 그런데 알고보니 Heading 태그들은 모두 block 태그로 한 줄을 다 차지하는 태그였다. 그래서 이번엔 h1을 inline으로 바꿔주... inlinedivfloatheadingspandiv
🧙🏼 HTML 구조를 나타내는 요소 : 컨텐츠 분할 요소 : 블록 레벨 요소 : 플로우 콘텐츠를 위한 통용 컨테이너 (순수 컨테이너로서 아무것도 표현안함) : 인라인 컨테이너 : 인라인 레벨 요소 🌵 span (인라인 요소) vs div(블록 요소) Semantic Web : 요소의 의미를 고려하여 구조를 설계하고 코드를 작성한다. (div, span : non-semantic) : 제목, 로고, 검색, 폼, 작성자 이름등의 ... spanHTML 구조articleheadersectionmainhtmlnavdivasidefooterHTML 구조 HTML tag 너무 많아,, 언제쓰지? html 태그 선언전 가장 먼저 선언되어야 하는 마크업 언어용 DTD 태그 HTML의 버전을 웹 브라우저에게 알려주는 역할을 하며, html5 이후로는 아래와 같이 선언하면 된다. 임을 알려주는 태그 해당 문서의 정보인 메타데이터를 정의할 때 사용하는 태그 div와 비슷한 성격의 태그로서 보통 텍스트에 css를 줄때 사용했던 태그 제목을 정의할 때 사용하는 태그 한 구역이나 특정 섹션의 헤더... divspanhtmltagdiv 하도급 해제 사건: 살펴보는 게 좋을 것 같아요. 벌집에서 우리는 줄곧 당신의 피드백을 듣고 있습니다.더 간단한 방법으로 사용 상황을 예측하고 업무 중의 관찰 가능한 지출을 평가해야 합니다.당신이 이미 있는 곳에서 당신을 만나고 비슷한 용어를 사용하며 더 간단한 체험으로 당신에게 더 많은 통제를 주면 어떤 모습일까요?우리는 이것이 고객 체험을 사건 기반의 모델 중심의 체험으로 재상상하는 것을 의미한다고 생각한다. 그것이 바로 섭취와 보존이다... loggingspantracingobservability [HTML] Sementic & NonSementic Web header, main, footer등 section을 나누어 각 section의 역할을 명확히 하기 위해서 사용한다. 보조 기기가 웹 문서의 개요를 사용자에게 전달할 때, 그 의미를 전달하는 데 더 효과적이다. 🔴<div> Tag 🔴<span> Tag Sementic Markup : 기계도 이해할 수 있고, 인간도 이해할 수 있도록 의미에 맞는 tag를 사용하여 markup하는 것을 말한다... spanOutline Algorithm논시멘틱 웹시멘틱 웹아웃라인 알고리즘webfrontendhtmlnonsementic webTILdivSementic webOutline Algorithm html 요소(3)_인라인 텍스트 인라인 요소는 가로, 세로 값을 가질 수 없어서 레이아웃보다는 텍스트를 다루는데 적합하다. 그래서 글씨를 다루는 태그들은 대부분 이다. ( <p> <h1> 등 제외 ) ( Anchor ) 페이지의 위치, 파일, 이메일 주소와 그 외 다른 url로 연결할 수 있는 하이퍼링크를 만듦 href로 경로를 설정하고, target으로 링크가 보여지는 위치를 지정 아무 의미 없이 영역을 나누는 역할 <d... aspaninline elementhtmla POJ 3522 슬 림 스 판 (kruskal 변형) 제목: 그림 에서 나 무 를 생 성 하 는 가장 긴 변 과 가장 짧 은 변 의 차 이 를 최소 화 합 니 다. 생각: 1. 우선 모든 생 성 트 리 를 구 해 야 차이 의 최소 치 를 구 할 수 있다. 2. kruskal 알고리즘 을 이용 하여 작은 것 부터 큰 것 까지 정렬 한 다음 에 우 리 는 작은 것 부터 시작 하여 변 집 i ~ m 에서 생 성 할 수 있 는 나 무 를 매 거 합 니... span [HTML] span, margin <span> 일부분만 스타일 지정하기위해 부여하는태그 -inline margin : 50px 상하좌우 margin: 20px(상하) auto(좌우) margin: 4개 다하면 시계방향 <b> = <strong> <i> = <em> <code>줄이 안바뀜=<pre> 줄바뀜 <!doctype html> <html> <head> <meta charset="UTF"> <title></title> <... spanmarginmargin JavaScript 의 Iterator 와 for - of 순환 을 깊이 해석 합 니 다. 위 코드 의 index 변 수 는 수치 형식 이 아 닌 '0', '1', '3' 등 문자열 이 될 것 입 니 다.문자열 의 index 를 사용 하여 일부 연산 ("2" + 1 = = "21") 에 참여 하면 연산 결과 가 예상 에 부합 되 지 않 을 수 있 습 니 다.배열 자체 의 요소 가 옮 겨 다 닐 뿐만 아니 라 사용자 가 추가 한 추가 (expando) 요소 도 옮 겨 다 닐 것 입 ... javaScript웹 전단es6spanfor TIL - heading 태그와 다른 태그를 한 줄에 넣기 상단에 우리가 일반적으로 보는 헤더처럼 heading 태그 < h1 >과 다른 button들을 같은 줄에 넣고 싶었다. 처음엔 이렇게하고 span 태그의 justify-content를 end로 해서 오른쪽으로 붙이기는 했는데 계속 h1태그와 줄이 달랐다. 그런데 알고보니 Heading 태그들은 모두 block 태그로 한 줄을 다 차지하는 태그였다. 그래서 이번엔 h1을 inline으로 바꿔주... inlinedivfloatheadingspandiv