初识前端
网页有哪些部分组成
文字,图片,音频,视频,超链接
网页的本质
程序员写的HTML,CSS,JavaScript前端代码
前端代码如何转换成网页
通过浏览器解析和渲染成用户看到的网页
web标准
也称网页标准,由一系列的标准组成,大部分由W3C(World Wide Web Consortium,万维网联盟)复制制定
- HTML:定义网页的结构(页面元素和内容)
- CSS:定义网页的表现(页面元素的外观,位置等页面样式)
- JavaScript:定义网页的行为(交互效果)
VS Code
尽量安装在没有中文,不带空格的目录下
HTML,CSS
HTML(HyperText Markup Language)超文本标记语言
超文本
超越了文本的限制,比普通文本更强大,除了文字信息还可以定义图片,音频,视频等内容
标记语言
由标签构成的语言,标签都是预定义的
HTML代码直接在浏览器中运行,HTML标签由浏览器解析
CSS(Cascading Style Sheet)层叠样式表,用于控制页面的样式(表现)
特点
- HTML文件以,htm或.html为拓展名
- HTML结构标签
<HTML><head><title><body>
- HTML标签不区分大小写
- HTML标签属性值单双引号都可以
- HTML语法松散
基础标签
<img>
- src的绝对路径和相对路径
<h1>
~<h6>
<hr>
水平线标签
CSS引入方式
行内样式
写在标签的style属性中(不推荐)
内联样式
写在style标签中(可以在页面任何位置,一般约定在head标签中)
外联样式
写在一个单独的.css文件中(需要通过link标签在网页中引入)
颜色表示形式
关键字
预定义颜色名
rgb表示法
红绿蓝三原色,每项0-255
十六进制表示法
#
开头,将数字转换成十六进制表示
CSS选择器
- 元素选择器
- id选择器
- 类选择器
超链接
<a href="" target=""></a>
- href:指定资源访问的url
- target:指定在何处打开资源链接
其他
- 视频标签
<video>
- 音频标签
<audio>
- 段落标签
<p>
- 文本加粗标签
<b><strong>
盒子模型
- 内容区content
- 内边距padding
- 边框border
- 外边距margin
布局标签
<div><span>
表格
<table>
定义表格整体,可以包裹多个<tr>
- border规定表格边框的宽度
- width规定表格的宽度
- cellspacing规定单元之间的间隙
<tr>
表格的行,可以包裹多个<td>
<td>
表格单元格(普通),可以包裹内容
如果是表头单元格,可以替换为<th>
表单
在网页中主要负责数据采集功能,使用
标签:JavaWeb,回顾,对象,标签,元素,js,HTML,小结,属性 From: https://www.cnblogs.com/kyrie-66/p/17342540.html