그것은 인터넷 콘텐츠가 구축되는 초석이며,수십 년 동안되었습니다. 워드 프레스 또는 다른 웹 디자인 및 개발과 함께 할 모든 성장을 방해 할 것입니다. 워드프레스 코드는 초보자부터 베테랑까지 모든 워드프레스 사용자가 거의 매일 사용하는 코드입니다. 의 그들을 분해하고 속도를 당신을 얻을 수 있습니다.
유튜브 채널 구독하기
빠른 버전은 다음과 같습니다. 스크립트를 통해 물건을 실행하도록 명령하지 않습니다. 오히려,그것은 당신이 당신의 페이지에 있는 원본을 가지고 가고,그것을 위로 표시합니다. 기울임 꼴,굵게,정렬,크기 등. 또한 이미지와 링크를 포함할 수 있는 기능을 제공합니다.
코드는 플래그에 포함되어 있으며 읽기 쉽습니다. 다음과 같이 보일 수 있습니다:
브라우저에서 렌더링하면 다음과 같습니다:
당신이 볼 수 있듯이,웹 사이트는 그렇게 혼란스럽지 않습니다. 사실,당신이 전에 어떤 웹 사이트를 본 적이 없다하더라도,나는 당신이 그 태그의 각 컨텍스트에 의해 무엇을 의미하는지 알아낼 수 내기. 그 방법에서,당신이 웹에 당신의 경력을 통하여 사용할 일반적인,기본적인 웹소설 코드를 보자.
굵게
<강력한>태그에서 텍스트를 줄 바꿈하면 브라우저에 텍스트를 굵게 표시하도록 지시합니다. 그러나 구글과 다른 검색 엔진이 시맨틱 코딩에 대한 선호도를 가지고 있으면<이 더 안전합니다.>
You can make <strong>text bold</strong> by using this tag.
이탤릭체
<엠>강조를 의미하고,이탤릭체를 사용하는 의미 론적 방법입니다. 당신은 또한 사용할 수 있습니다<나는>그렇게 할 수 있습니다.밑줄은 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄이 아닌 밑줄입니다. 일반적으로 이것은 링크가 밑줄이 그어져 있고 클릭 할 수없는 밑줄이 그어진 텍스트가 나쁜 사용자 경험을 제공하기 때문에 거의 사용되지 않습니다.
You can <u>underline</u> by using this tag.
제목
계층적 순서로 사용해야 합니다. 이 문제를 해결하기 위해,당신은 당신이 원하는 것을 찾을 수 있습니다,그래서 당신은 단지<>아래<>아래<>아래<>아래<>아래<>를 사용해야합니다.
대부분의 페이지는 단 하나의<시간 1>을 가질 것이지만,구글은 더 이상 더 많은 것을 가지고 당신을 처벌하지 않습니다. 페이지(또는 적어도 페이지의 해당 섹션)에 대한 중첩을 재설정합니다.
<h2>H2 is the most commonly used header tag.</h2>
이 페이지의 모든 헤더는 다음과 같습니다.
이미지
이미지 삽입은 가장 유용한 것 중 하나입니다. 그것은 그것의 잔인한 작풍에서 그리고 오늘 있는 곳에 도로에 인터넷을 끊었다. 당신이 할 필요가 당신이 원하는 이미지의 주소를 가지고 있고,하나의<를 넣어(이미지 소스 태그 서. 이 같은:
<img src="https://elegantthemes.com/picture.png" alt="a picture from elegant themes">
이미지 태그를 닫을 필요가 없으며 이미지를 표시하는 데 따옴표가 필요하지 않습니다. 많은 사람들이 여전히 코드를 더 읽기 쉽게 만들기 위해 사용합니다.
<대체>속성은 접근성 목적으로 표시되는 텍스트이며 검색 엔진에서도 인덱싱됩니다. 화면 판독기 및 기타 장치를 가진 사람들을 위해,대체 텍스트는 인터넷을 사용하는 것이 절대적으로 필요하다. 항상 이미지에 대 한 대체 텍스트를 가장 좋은 방법입니다.
링크
괜찮아. 링크. 링크와 함께 많은 일이 일어나고 있습니다. 또는,오히려,너가 연결에 할 수 있는 많게 있는다. 그들의 가장 기본적인,당신은<태그와 함께 넣어 것입니다. 는<a>음을 나타냅 링크,그리고<href은 말 그대로의 하이퍼텍스트를 참조(URL)가 어디에 당신은 연결을 제공합니다.
<a href="http://elegantthemes.com/divi">A link to our Divi page, and this is the anchor text.</a>
당신은 단순히</>와 링크 코드를 닫습니다,당신은 당신이 거기 사이에 원하는 텍스트를 사용할 수 있습니다. 그것은 클릭 가능한 링크 자체가 될 것이며 앵커 텍스트라고합니다.
이 페이지에 다음과 같이 렌더링됩니다.또한 코드를 중첩할 수도 있습니다. 링크 플래그 사이에 태그를 삽입하여 이미지를 클릭 할 수 있습니다.
<a href="http://elegantthemes.com"><img src="https://elegantthemes.com/picture.png"""></a>
클릭 가능한 이미지 링크가 여기에서 렌더링되는 방식을 볼 수 있습니다:
링크 속성 추가
링크에 여러 가지 속성을 포함시켜 특정 방식으로 동작할 수도 있습니다. 가장 유용한 것 중 일부는
- 링크와 그 대상에 대한 일종의 관계를 나타냅니다. 이러한 추천 트래픽이 당신에게 다시 추적되는 것을 방지하기 위해 노어 페러로.
- 대상은 브라우저에 링크를 열 위치를 알려줍니다.: 예를 들어,빈 탭에서 열립니다.
- 팔로우는 렐과 함께 가서 당신이 대상 사이트에 어떤 링크 주스에 전달하지 않으려는 검색 엔진을 알려줍니다. 이것은 논쟁적인 내용에 등 연결할 때 좋다. 그것은 또한 귀하의 의견에 스팸 링크에서 사람들을 유지 하 고 노출 및 클릭률 이외의 기능을 갖춘 되 고 어떤 보너스를 제공 하지 않습니다 이후 귀하의 콘텐츠를 편견으로 볼 수 있도록 그것을 만든다.
더 많은 것이 있지만 가장 자주 볼 수있는 것입니다.
취소선 텍스트
당신이 나 같은 경우,때때로 당신은 시달리는 아웃 단어를 사용하여 농담을 할 필요가있다. 또는 목록을 표시(또는 코드 자체가 말한대로 삭제)해야 할 수도 있습니다. 또는 당신이 텍스트를 통해 실행 라인을 가질 필요가 다른 것을.
는 스트라이크 할 텍스트 주위에<델>를 사용하는 경우입니다. 다른 사람들이 그것을 사용하지 않을 수 있습니다 동안 어떤 사람들을 위해,이 매우 일반적인 코드입니다. 에 관계없이,그것은 기억하기 쉬운 하나입니다.
You can use <del>this code</del> for strikethrough text in HTML.
목록
목록은 요즘 웹 콘텐츠의 또 다른 주요 부분입니다. 뿐만 아니라 그들은 당신에게 공백의 톤을 주고 원본의 벽을 끊는가,그러나 또한 당신이 소화 가능한 조각으로 당신의 생각을 편성하게 했다.
두 종류의 목록을 만들 수 있습니다. 1,2,3 등으로 번호가 매겨진 정렬 된 목록. 정렬되지 않은 목록은 숫자 대신 글 머리 기호 또는 기호(사이트 디자인에 따라 다름)를 사용합니다.
각 목록을 정렬되지 않은 목록 또는 정렬 된 목록에 대해 각각<1884>또는<1884>로 래핑합니다. 그리고 목록의 각 항목은<리>에 싸여 있어야합니다.
그리고 그 코드는 차이를 보여주기 위해 다음과 같이 렌더링됩니다:
- 이 순서가 지정되지 않은 목록의 일부입니다.
- 이것입니다.
- 그리고 이것은 당신이 정렬 된 목록을 설정하는 방법입니다.
- 이것은 목록의 링크입니다.
- 이 링크 텍스트는 굵게 표시되지만이 부분은 표시되지 않습니다..
당신은 또한 너무 목록에 둥지 다른 코드를 할 수 있습니다. 따라서 텍스트를 굵게 표시하고 링크를 삽입 할 수 있습니다.
블록 따옴표
당신은 당신의 워드 프레스 경력의 어떤 시점에서,누군가 다른 사람의 웹 사이트를 인용해야합니다. 그것은<인용구>가 들어오는 곳입니다. 복사/붙여 넣기(및 속성)를<인용문>열기 및 닫기 태그로 둘러싸면 좋습니다.
<blockquote>This text will appear with special styling to indicate that it's a quote./blockquote>
페이지에서 다음과 같이 표시됩니다:
이 텍스트는 인용문임을 나타내는 특수 스타일과 함께 나타납니다.이 문제를 해결하려면 다음 단계를 따르십시오. 사용 중인 문서 및 빌더에 따라 각 줄 바꿈을 별도의 단락으로 자동으로 렌더링할 수 있습니다. 워드프레스는 이 작업을 수행합니다. 그러나 모든 것이 그렇지는 않습니다. 따라서 단락을 따로 보관하고 텍스트 벽이 없어야 할 경우 각 단락을<페이지>로 줄 바꿈하십시오. 그런 다음 브라우저는 각 텍스트 블록을 하나의 연속 블록 대신 별도의 단락으로 표시하도록 알 수 있습니다. 기본적으로 브라우저는 달리 말하지 않는 한 줄 바꿈을 무시합니다.
<p>This is my first paragraph.</p><p>This is my second paragraph.</p>줄과 줄 바꿈
단락과 섹션 사이에 다른 분리가 필요할 수 있습니다. 그 때<시간>및<브롬/>태그를 사용할 수 있습니다.
<시간>구분선이 어디에 있든지 삽입합니다. 많은 사람들이 웹 페이지의 사이드 바 또는 주요 섹션에서 위젯을 분리하기 위해이를 사용합니다.
<브롬/>태그는 줄 바꿈입니다. 새 단락에 들어 가지 않고 줄을 끊을 수 있습니다(블록 스타일 및 구성을 위해). <브롬/>는 자체 닫는 태그이며,그 안에 콘텐츠가 없을 수 있음을 의미합니다. 이는 코드 끝에 있는 슬래시로 표시됩니다.
당신은 당신이 휴식을 원하는 위치를 삽입하여 텍스트와 단락을 구분하는 데 사용할 수 있지만,그 들어갈 좋은 연습이 아니다. 여기에서 구별에 대해 더 많이 읽을 수 있습니다.
를 마무리하는 것은 인터넷과 상호 작용하기 위해 절대적으로 필요하다. 자바 스크립트가 일 전에 일 웹 개발 및 디자인 또는 베테랑에서 시작하든 모두가 그들에게 같은 방법을 사용합니다. 우리는 여전히 우리의 모든 사이트의 기초를 실행하기 위해 기본 코드를 사용하고 있습니다. 사이트가 얼마나 멋진지 또는 그 기능이 얼마나 발전했는지에 상관없이,링크가 끊어 지거나 굵어 져서는 안되는 경우,당신은 여전히 태그가 괜찮은지 알아보기 위해 주위를 파고들 것입니다.
요즘 가장 많이 사용되는 기본 코드는 무엇입니까?