회사에서 할 일이 없으니 그냥 가볍게 적어보세요

HTML

브라우저란 무엇이고 서버란 무엇인가요?

1. 브라우저란 HTML 파일(Standard Universal Markup Language의 응용 프로그램)의 내용을 웹 서버나 파일 시스템에 표시하고 사용자가 이러한 파일과 상호 작용할 수 있도록 하는 소프트웨어를 의미합니다. (프런트엔드) *특징:
   • 서버에 html 파일을 표시할 수 있습니다.
   • 사용자가 이러한 파일과 상호 작용할 수 있습니다.
2. 서버라고도 불리는 서버는 컴퓨팅 서비스를 제공하는 장치입니다. 서버는 서비스 요청에 응답하고 이를 처리해야 하므로 일반적으로 서버는 서비스를 수행하고 서비스를 보장할 수 있는 능력을 갖추어야 합니다.
   • 특징:
   • 요청을 처리합니다.
   • 24시간 전원이 켜져 있는지 확인해야 합니다.

요청 프로토콜: http 프로토콜:

1. 요청 메시지.
2. 응답 메시지.
3. url: (주소) 주소 표시줄에 입력하는 내용입니다.
   • URL 구성: 프로토콜://서버의 IP 주소: 포트 번호/요청 페이지.

브라우저가 하는 일은 서버가 반환한 응답을 위에서 아래로 구문 분석(렌더링)하고 최종 페이지 효과를 표시하는 것으로 밝혀졌습니다.

브라우저에서 인식하는 언어

1. HTML: 의미론적 관점에서 페이지 구조를 설명합니다.
2. css: 미적인 관점에서 페이지를 아름답게 만듭니다.
3. Javascript: 대화형 관점에서 사용자 관점을 향상시킵니다.

HTML

1. 태그와 태그의 관계
   • 중첩 관계
   • 평행관계
2. 태그

2.1시간(헤더) 태그

<code><code class="hljs stylus"> h系列的标签(Header)：<span class="hljs-tag">h1,<span class="hljs-tag">h2,<span class="hljs-tag">h3,<span class="hljs-tag">h4,<span class="hljs-tag">h5,<span class="hljs-tag">h6
 作用：把页面上的文字加上标题上的语义
 *注意：一个页面只能使用一个h1标签</span></span></span></span></span></span></code>
</code>

2.2p(단락) 단락 태그

<code><code class="hljs undefined"> 作用：给页面的上一段文字加上段落的语义。
 特点：页面上的一个段落，单独占一行，并且与上下内容之间存在距离。</code>
</code>

2.3시간 태그(수평 규칙)

<code><code class="hljs undefined"> 作用：在页面显示一条横线（没有自己的语义）
 特点： 在页面显示一条横线，默认占整行。</code>
</code>

2.4br 태그(중단)

<code><code class="hljs undefined"> 作用和特点都是换行</code>
</code>

2.5 b(굵게),u(밑줄),i(기울임꼴),s(취소선),strong,em,del,ins

<code><code class="hljs stylus"> 作用：
     b：加粗    语义：没有语义
     u: 下划线
     <span class="hljs-tag">i:  倾斜
     s: 删除线
     建议不要使用，因为这些标签没有语义。
     作用：
     <span class="hljs-tag">strong:加粗   语义：加强语气
     <span class="hljs-tag">ins:下划线
     <span class="hljs-tag">em:倾斜
     <span class="hljs-tag">del:删除线
     可以使用</span></span></span></span></span></code>
</code>

2.6 img 태그(이미지):

<code><code class="hljs dos">       作用：在页面显示一张图片
       特点：就是显示图片。
        属性：
     src    图片显示的路径
     alt    如果图片加载不出来会显示这个属性中的文字
     <span class="hljs-built_in">title    介绍这张图片</span></code>
</code>

2.7 태그(앵커): 앵커

<code><code class="hljs livecodeserver"> <span class="hljs-operator">a 标签的其它名称：
    超级链接，超链接，锚链接
    作用：可以在一个页面跳转到另一个页面上
 注意：在<span class="hljs-operator">a标签之内必须要写上文字，如果没有，那么这个标签在页面上找不到。
 <span class="hljs-operator">a标签的其它用法：
 <span class="hljs-number">1.0可以不跳转（跳转到当前页面）href=”<span class="hljs-comment">#”
 <span class="hljs-number">2.0可以跳转到另外的页面。
 <span class="hljs-number">3.0可以在当前页面进行定位。
 A.设置<span class="hljs-operator">a标签的href属性为“<span class="hljs-comment">#id名”，
 B.在页面的指定位置加入一个目标标签（可以是任意标签）
 C.必须给这个标签设置一个id名：<p id=&rdquo;mubiao&rdquo;>这是目标</p>
  <span class="hljs-number">4.0在跳转的页面进行定位。
  <span class="hljs-number">5.0可以进行下载。（强烈不推荐使用）

    <span class="hljs-operator">a标签的属性：
  href    <span class="hljs-operator">a标签跳转的目标地址
  target    <span class="hljs-title">_blank:保留原始页面，再进行跳转
  <span class="hljs-title">_self:在当前页面进行跳转
  base    为页面上所有的<span class="hljs-operator">a标签设置跳转的方式（base标签一般放在titile标签下面）</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></code></code>