前端学习第一天

客户端和服务器区别与联系

URL理解

就是我么平时在地址栏输入的一个网址;
浏览器有时会自动添加一些东西

URL的拆分

http: 协议类型;127.0.0.1 服务器IP地址;

80服务器端口号;index.html 需要访问的资源名称;

编写网页步骤

  • 新建一个文本文档

  • 利用记事本打开

  • 编写HTML代码

  • 保存并修改纯文本文档的拓展名的HTML

  • 利用浏览器打开编写好的文件前端学习第一天_第1张图片
    head标签的作用:

  • 给网站添加一些配置信息;

  • 例如:指定网站的标题,指定网站的小照片;指定网站描述信息;

  • 注意:除了图标和标题其他内容一般不会显示给用户看;

  • 如果中文出现乱码怎么办?

  •  在head标签中添加          
    
  •  GBK中存储了汉字和一些外文(体积小速度快),但是UTF-8存储了所有汉字;
    
  • 如果写了还是有乱码怎么办?

  • 例如拿Windows记事本写的代码却使用UTF-8的代码,仍会出现错误,原因在于:Windows记事本默认的是GB2312;

  • 查看方法如下:

  • 前端学习第一天_第2张图片
    前端学习第一天_第3张图片

解决方法如下:
文件另存为的时候选择一下编码种类即可:前端学习第一天_第4张图片
总结一下
前端学习第一天_第5张图片

title作用:

  • 就是网站标题,用作用户保存页面时候的那个文字;
  • 注意:必须写在head里面;

body标签作用:

  • 定义HTML中显示给用户查看的内容;
  • 注意: 一堆HTML标签中只能有一对body标签;

标签分类

分为单标签和双标签:
嵌套(父子)关系和并列(平级)关系;

DTD文档

给浏览器一个说明,常常使用HTML5, ;

  • 不区分大小写;
  • 必须写在HTML文件第一行,即标签前面;
  • 写不写不影响运行,但是标准规定要写!

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