Bootstrap Text/Typography
description : Bootstrap Text/Typography
author : 오션
email : shlim@repia.com
...
Bootstrap이 브라우저 기본 값과 약간 다르게 스타일을 지정할 HTML (HyperText Markup Language) 요소를 살펴 보겠습니다.
<h1> ~ <h6>
기본적으로 Bootstrap은 아래의 방식으로 HTML (HyperText Markup Language) 제목 (<h1> ~ <h6>)의 스타일을 지정합니다.
예
CSS Text
description : CSS (Cascading Style Sheets) text color, alignment, decoration,transformation, spacing,... tupdate : 2021-03-08
Source of the article
CSS text
CSS Text Alignment
CSS Text Decoration
CSS Text Transformation
CSS Text Spacing
CSS Text Shadow
C
s easily accessible via quickbuttons, too.
Basic Text Formatting
DokuWiki supports bold, italic, underl... by a whitespace or the end of line.
This is some text with some linebreaks
Note that the
two backslashe... hitespace \\this happens without it.
This is some text with some linebreaks\\ Note that the
two backslas... m or simply www.google.com - You can set the link text as well: This Link points to google. Email addres
Javascript HTML DOM innerText Property
description : Javascript HTML (HyperText Markup Language) DOM innerText Property
author : 오션
email : shlim@repia.com
lastupdate :... he source of the article
Javascript HTML DOM innerText Property
Example
요소의 내부 텍스트(inner text)를 가져옵니다.
a. The whole link area is clickable, not just the text.
Note: overflow:hidden is added to the ul ele... lay: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
... lay: block;
color: white;
text-align: center;
padding: 14px 16px;
at the whole link area is clickable, not just the text.
예제 설명
display: block; - 링크를 블럭 요소로 표시하면, 텍스트뿐만... at the whole link area is clickable, not just the text.
Vertical Navigation Bar Examples
회색 컬러의 배경으로, 기... ddddd;
padding: 8px 16px;
text-decoration: none;
}
/* Change the... ddddd;
padding: 8px 16px;
text-decoration: none;
}
li a.active {
escapeHtml
1. Encryption - escapeHtml 선택 - Input Text 입력란에 입력 후,
<p>MyName<p>
2. Encrypt Text 버튼을 클릭 시 Input Text 입력란에 입력되어 있던 상기 코드가 아래와 같이 변경되는 이유는
<p>MyName<p>
2.1 - 이때 Encryption - Input Text 입력란은 아래와 같이 코딩되어 있었고,
<input id="encryptInptText
편리합니다.
배열로 작업하는 경우가 해당합니다.
Instead of writing
text += cars[0] + "<br>";
text += cars[1] + "<br>";
text += cars[2] + "<br>";
text += cars[3] + "<br>";
text += cars[4] + "<br>";
text += cars[5] + "<br>";
You
(6)도 일요일 (0)이 아닌 경우. default 메시지를 작성합니다.
let text;
switch (new Date().getDay()) {
case 6:
text = "Today is Saturday";
break;
case 0:
text = "Today is Sunday";
break;
default:
text = "Looking forward to the Weekend";
}
doc
nt Property
description : Javascript HTML (HyperText Markup Language) DOM textContent Property
author... OM textContent Property
Example
요소의 내부 텍스트(inner text)를 가져옵니다.
<body>
<p>Click the button to get the text content of the button element.</p>
<button o... 지정된 문자열을 포함하는 단일 텍스트 노드로 대체됩니다.
Note: 이 속성은 innerText 속성과 비슷하지만 몇 가지 차이점이 있습니다.
textContent는 모든 요소의 텍
S (Cascading Style Sheets) 선택자는 디자인하려는 HTML (HyperText Markup Language) 요소를 선택합니다.
CSS (Cascading Style... (Simple Selectors) : 이름, id, class 기반 HTML (HyperText Markup Language) 요소들을 선택합니다.
연결자 선택자 (Combinator... (element Selector)
요소 선택자는 요소 이름에 기반하여 HTML (HyperText Markup Language) 요소들을 선택합니다.
p {
text-align: center;
color: red;
CSS 아이디 선택자 (id Selector)
id 선
pt HTML DOM
description : JavaScript HTML (HyperText Markup Language) DOM - Changing HTML (HyperText Markup Language)
author : 오션
email : shli... 모든 권한을 가집니다.
JavaScript는 해당 페이지의 모든 HTML (HyperText Markup Language) 요소를 변경할 수 있습니다.
JavaScript는 해당 페이지의 모든 HTML (HyperText Markup Language) 속성을 변경할 수 있습니다.
JavaScript는 해당
