«html» 태그된 질문

HTML (HyperText Markup Language)은 웹 페이지 및 웹 브라우저에 표시 할 기타 정보를 작성하기위한 기본 마크 업 언어입니다. HTML에 관한 질문에는 최소한의 재현 가능한 예제와 달성하려는 것에 대한 아이디어가 포함되어야합니다. 이 태그는 거의 사용되지 않으며 종종 [CSS] 및 [javascript]와 쌍을 이룹니다.

9
Ruby on Rails : 문자열을 HTML로 렌더링하는 방법?
나는 가지고있다 @str = "<b>Hi</b>" 그리고 erb 관점에서 : <%= @str %> 페이지에 표시되는 것은 : <b>Hi</b>내가 정말로 원하는 것은 Hi 입니다. 문자열을 HTML 마크 업으로 "해석"하는 루비 방법은 무엇입니까? 편집 : 경우 @str = "<span class=\"classname\">hello</span>" 내 견해로는 <%raw @str %> HTML 소스 코드는 <span class=\"classname\">hello</span> 내가 정말로 원하는 …
5
두 개의 <div>를 어떻게 겹치게 하시겠습니까?
다음과 같이 보이려면 두 개의 div가 필요합니다. | | ---| LOGO |------------------------ | |_______________| LINKS | | CONTENT | 깔끔하고 겹치는 가장 생생하고 우아한 방법은 무엇입니까? 로고의 높이와 너비는 고정되어 있으며 페이지 상단 가장자리에 닿습니다.
154 css  html  overlap 
30
입력 유형 = 파일 만 표시 버튼
&lt;input type=file /&gt;텍스트 필드가없는 "찾아보기"버튼 만 보이도록 요소 를 스타일 지정 (또는 스크립트)하는 방법이 있습니까? 감사 편집 : 왜 이것이 필요한지 명확히하기 위해. http://www.morningz.com/?p=5의 다중 파일 업로드 코드를 사용 하고 있으며 값이 없으므로 입력 텍스트 필드가 필요하지 않습니다. 스크립트는 새로 선택된 파일을 페이지의 컬렉션에 추가합니다. 가능하다면 텍스트 필드가 없으면 훨씬 …
154 javascript  html  css 
12
HTML의 소프트 하이픈 (<wbr> vs. & shy;)
웹 페이지에서 소프트 하이픈 문제를 어떻게 해결합니까? 텍스트에는 하이픈으로 줄 바꿈하려는 긴 단어가있을 수 있습니다. 그러나 전체 단어가 같은 줄에 있으면 하이픈을 표시하지 않으려 고합니다. 이 페이지의 의견에 따르면 &lt;wbr&gt;비표준 "Netscape가 발명 한 태그 수프"입니다. &amp;shy; 표준 준수에도 문제가있는 것 같습니다 . 모든 브라우저에서 작동하는 솔루션을 얻을 수있는 방법 이 …
154 html  text  soft-hyphen  wbr 
5
localStorage에 이미지를 저장하고 다음 페이지에 이미지를 표시하는 방법은 무엇입니까?
따라서 기본적으로 단일 이미지를 업로드하고 localStorage에 저장 한 후 다음 페이지에 표시해야합니다. 현재 HTML 파일을 업로드하고 있습니다. &lt;input type='file' id="uploadBannerImage" onchange="readURL(this);" /&gt; 이 기능을 사용하여 페이지에 이미지를 표시합니다. function readURL(input) { document.getElementById("bannerImg").style.display = "block"; if (input.files &amp;&amp; input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { document.getElementById('bannerImg').src …
3
CSS를 사용하여 ul 들여 쓰기 제거
목록의 긴 줄이 줄 바꿈되면 정렬되지 않은 목록에서 들여 쓰기를 제거 할 수 없습니다. 내 목록은 다음과 같습니다. Windows 사용자는 퍼티를 사용할 수 있습니다 Mac 사용자는 Terminal.app를 사용할 수 있습니다 Linux 사용자는 SSH userid@ourserver.com 포트 22를 사용할 수 있습니다 ...........&gt; 또는 Cyberduck과 같은 SFTP 프로그램을 사용하여 바로 가리 킵니다 ................... …
154 html  css  html-lists 
2
플렉스 항목이 부모 컨테이너의 너비가 아닌 컨텐츠 너비를 갖도록합니다.
&lt;div&gt;와 컨테이너 가 display: flex있습니다. 아이가 &lt;a&gt;있습니다. 아이를 "인라인"으로 보이게하려면 어떻게해야합니까? 구체적으로, 자녀의 너비를 내용에 따라 결정하고 부모의 너비로 확장하지 않으려면 어떻게해야합니까? 내가 시도한 것 : 아이를로 설정 display: inline-flex했지만 여전히 전체 너비를 차지했습니다. 다른 모든 디스플레이 속성도 시도했지만 아무런 효과가 없었습니다. 예: .container { background: red; height: 200px; flex-direction: …
154 html  css  flexbox 
16
"검색"HTML5 입력이 지워지는 것을 어떻게 감지합니까?
HTML5에서 search입력 유형은 오른쪽에 작은 X가 표시되어 텍스트 상자를 지우 게합니다 (적어도 Chrome에서는 가능할 수 있음). 자바 스크립트 나 jQuery에서이 X가 클릭 될 때를 감지하는 방법이 있습니까? 예를 들어, 상자가 완전히 클릭되는 시점을 감지하거나 일종의 위치 클릭 감지 (x-position / y-position)를 수행하는 것입니까?
16
JavaScript로 HTML 파일 입력을 지우려면 어떻게해야합니까?
양식에서 파일 입력을 지우고 싶습니다. 소스를 동일한 방법으로 설정하는 방법에 대해 알고 있지만 ...이 방법으로 선택한 파일 경로를 지우지 않습니다. 참고 : 페이지를 다시로드하거나 양식을 재설정하거나 AJAX 호출을 수행하지 않으려 고합니다. 이게 가능해?
154 javascript  html 
10
AngularJS 범위의 배열에서 항목을 제거하는 방법은 무엇입니까?
간단한 할 일 목록이지만 각 항목의 목록 페이지에 삭제 버튼이 있습니다. 관련 템플릿 HTML : &lt;tr ng-repeat="person in persons"&gt; &lt;td&gt;{{person.name}} - # {{person.id}}&lt;/td&gt; &lt;td&gt;{{person.description}}&lt;/td&gt; &lt;td nowrap=nowrap&gt; &lt;a href="#!/edit"&gt;&lt;i class="icon-edit"&gt;&lt;/i&gt;&lt;/a&gt; &lt;button ng-click="delete(person)"&gt;&lt;i class="icon-minus-sign"&gt;&lt;/i&gt;&lt;/button&gt; &lt;/td&gt; &lt;/tr&gt; 관련 컨트롤러 방법 : $scope.delete = function (person) { API.DeletePerson({ id: person.id }, function (success) { …
5
타일링 알고리즘지도
지도 Perlin 노이즈 하이트 맵을 사용하여 Javascript로 타일 기반 RPG를 만든 다음 노이즈 높이를 기준으로 타일 유형을 지정합니다. 지도는 미니 맵보기에서 이와 같이 보입니다. 이미지의 각 픽셀에서 색상 값을 추출하고 타일 사전의 타일에 해당하는 (0-255) 사이의 위치에 따라 정수 (0-5)로 변환하는 상당히 간단한 알고리즘이 있습니다. 그런 다음이 200x200 배열이 클라이언트로 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.