html以及css基础知识

准备知识

  • 概念:html和css是做网站的编程语言
  • 解释:浏览器通过解析html和css生成网站
  • VS code:代码编辑器【特点:开源免费】
    • 快捷键:
      • ctrl + z: 撤销(ctrl + y与之相反)
      • shift + end:选中一行
      • shift + alt + ↓:快速复制一行
      • alt + ↑(↓):可移动一行
      • 写完一个html的标签之后按tab键就会自动补充
    • 功能:
      • 自动折行:首选项——设置——搜索word——word wrap(on)
      • 多光标:按alt点同一修改位置
      • ctrl + D:选同样元素的下一个
      • 搜索功能:可以在选中的文件夹当中搜索指定语句,功能强大!
  • chrome浏览器(市场常见浏览器有五大类)
    • 通过F12进入到chrome浏览器开发工具当中
    • 右键查看网页源码
  • 网站开发:
    • UI设计师:网站页面设计稿
    • web前端开发工程师:设计稿转代码、将数据库里的数据显示到页面【html+css】
      • html:结构
      • css:样式
      • JavaScript:用户交互行为
    • web后端开发工程师:后端数据

html基础结构与属性

  • 概念:超文本(文本内容+非文本内容如图片视频等)标记(单标签、双标签)语言(是网页制作必备的编程语言)。
  • 注意:标签可以上下排列,也可以嵌套组合
  • 常用HTML5标签含义元素周期表:链接
  • 标签属性:来修饰标签【一般很多属性也可以通过css替代】
  • html初始代码:
DOCTYPE html>	<--文档声明:告诉浏览器这是一个html文件-->
<html lang="en">	<--html文件最外层标签 lang属性是语言-->
<head>		<--头标签:包括网页标签和网址-->
    <meta charset="UTF-8">		<--元信息-->
    <title>Documenttitle>		<--写网页标签的主题-->
head>
<body>		<--网页内容标签-->
    
body>
html>

你可能感兴趣的:(web前端,visual,studio)