在公司没事,随手写写

WBOY
Lepaskan: 2016-08-15 16:49:48
asal
978 orang telah melayarinya

HTML

什么是浏览器什么是服务器?

  1. 浏览器是指可以显示网页服务器或者文件系统的HTML文件(标准通用标记语言的一个应用)内容,并让用户与这些文件交互的一种软件。(前端) *特点:
    • 可以显示服务器中的html文件。
    • 可以让用户与这些文件交互。
  2. 服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。
    • 特点:
    • 处理请求。
    • 必须保证二十四小时开机状态。

请求协议:http协议:

  1. 请求报文。
  2. 响应报文。
  3. url:(地址)地址栏上我们输入的内容。
    • Url的组成:协议://服务器的ip地址:端口号/请求页面。

原来浏览器所做的事情是将服务器响应回来的response进行从上到下的解析(渲染),将最后的页面效果显示出来。

浏览器上能识别的语言

  1. HTML:从语义角度,描述页面的结构。
  2. css:从审美的角度,美化页面。
  3. javascript:从交互的角度,提升用户的角度。

HTML

  1. 标签与标签的关系
    • 嵌套关系
    • 并列关系
  2. 标签

2.1 h(header)标签

<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>
Salin selepas log masuk

2.2 p(paragraph)段落标签

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

2.3 hr标签(Horizontal Rule)

<code><code class="hljs undefined"> 作用:在页面显示一条横线(没有自己的语义)
 特点: 在页面显示一条横线,默认占整行。</code>
</code>
Salin selepas log masuk

2.4 br标签(break)

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

2.5 b(Bold),u(Underlined),i(Italic),s(Strikethrough),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>
Salin selepas log masuk

2.6 img标签(image):

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

2.7 a标签(Anchor):锚

<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="”mubiao”">这是目标</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>
Salin selepas log masuk
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan