前端(HTML)

网络传输三大基石:URL,HTTP,HTML

前端使用URL利用HTTP协议去向服务器端发送请求某个资源,服务器端响应浏览器一个HTML页面,浏览器对HTML页面解析

HTML的标准结构:

【1】先用普通文本文档新建一个文本,将文本的后缀改为.html  或者 .htm

我们也可以使用VS code去设计 https://code.visualstudio.com 下载VS code

【2】编辑



        

        

               this is my second html... ...

        

(如果使用VS code可以使用!+tab键快速出现HTML框架)

前端(HTML)_第1张图片

head标签对是对网页的配置,body标签对里面放的就是页面上展示出来的内容

、<meta>、<link>、<style>、 <script>、 <base>用在head部分</p> <p style="margin-left:.0001pt;text-align:justify;">title标签:设置网页的标题</p> <p style="margin-left:.0001pt;text-align:justify;">meta标签:设置网页关键词和描述</p> <h2>超级链接标签</h2> <p><a href="https://www.baidu.com/">百度一下</a></p> <p>超链接的href属性为超文本引用,即跳到某个页面,'百度一下'为跳转到另一个页面的点击处(按钮)</p> <p>title属性是鼠标悬浮的显示内容</p> <p style="margin-left:.0001pt;text-align:left;"><strong>设置锚点:</strong></p> <p style="margin-left:.0001pt;text-align:justify;">当一个页面太长的时候,就需要设置锚点,可以在同一个页面的不同位置之间进行跳转。 </p> <p style="margin-left:.0001pt;text-align:justify;">就像坐电梯我们可以去任意楼层</p> <p style="margin-left:.0001pt;text-align:justify;">Eg: 前面写一个<a name='3F'></a>               (设置锚点,<span style="background-color:#9c8ec1;">设置一个位置</span>!)</p> <p style="margin-left:.0001pt;text-align:justify;">        后边可以写一个<a href='#3f'>手机</a>    (访问锚点,<span style="background-color:#9c8ec1;">按钮就为'手机'</span>)</p> <p style="margin-left:.0001pt;text-align:justify;">        <strong>上面为同一页面的跳转,下面是不同页面的跳转:</strong></p> <p style="margin-left:.0001pt;text-align:justify;"><strong>        <a href='设置锚点.html#3F'>超链接</a></strong></p> <p style="margin-left:.0001pt;text-align:justify;">        在链接后加上#3F就是直接跳到另一个文件的三层</p> <p><strong><strong><strong>列表标签:</strong></strong></strong></p> <pre><code class="language-html">1.<!DOCTYPE html> 2.<html> 3. <head> 4. <meta charset="UTF-8"> 5. <title> 6. 7. 8. 12.

起床后需要做的事

13.
    14.
  • 睁眼
  • 15.
  • 穿衣服
  • 16.
  • 上厕所
  • 17.
  • 吃早饭
  • 18.
  • 洗漱
  • 19.
  • 出门
  • 20.
21. 25.

学习java的顺序

26.
    27.
  1. JAVASE
  2. 28.
  3. ORACLE
  4. 29.
  5. MYSQL
  6. 30.
  7. HTML
  8. 31.
  9. CSS
  10. 32.
  11. JS
  12. 33.
34. 35. 36. 37.

表格标签:

1.
2.
3.        
4.                
5.                
6.        
7.        
8.                
22.                
23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44.
学号姓名年纪成绩
1001丽丽1990.5
200630
3007小明18
45. 46.

标签对用来将相关内容组合到一起,将内容形成一部分一部分的内容

你可能感兴趣的:(前端,html)