笔记1

前段基础

前端三大块:

HTML(结构)、CSS(表现)、JS(行为)

软件架构

A  :  C/S 客户端/服务器 : 特点 1 软件使用前必须得安装  2 软件更新时,服务器和客户端得同时更新3 C/S 架构的软件不能跨平台使用  4 C/S 架构的软件客户端和服务器通信采用的是自有协议,相对来说比较安全

B  :  B/S 浏览器/服务器:特点 1 软件不需要安装,直接浏览器访问指定的网址即可 2 软件更新,客户端不用更新 3 软件可以跨平台,只要系统中有浏览器就可以使用4 B/S 架构的软件,客户端和服务器之间通信采用的是通用的HTTP协议,相对来说不安全

W3C标准  一个网页分三个部分组成

1 结构 :HTML用于描述页面的(超文本标记语言)

2 表现 :CSS负责页面的样式,美化页面

3 行为 :JAVASCRIPT负责页面的行为

HTML()超文本标记语言

文本:相当于记事本里写的文字,用于展示信息

超文本: 超越了文本仅仅展示信息的功能范畴,泛指图片、有样式的文字、点击跳转页面的文字

HTML语言的特征:

HTML代码是由头和体组成

<html>根标签

<head>中存放的都是网页的说明性内容,例如标题

HTML文件的扩展名为html或者htm

HTML文件由浏览器直接解析执行,无需编译,直接由上到下依次解析执行

HTML标签通常由开始标签和标签组成

例如:<font>内容体

没有内容体制标签叫空标签(自结束标签)例如<br/>换行标签

HTML标签不区分大小写,建议小写

标签属性:属性名=”属性值”

HTML标签建议包裹嵌套,不建议交叉嵌套


字体标签和格式化标签


字体标签

<font>字体标签,修饰文字样式

<font 属性名=”属性值”>文字

size:大小,最小1,最大7

color:字体颜色,使用英文red,使用#ff00ab

face:字体


H5文档声明

为了避免进入怪异模式,一定要写文档声明,放在最上


2、格式化标签

<br/>换行标签

<hr/>水平线


<p></p>段落标签,划分段落,自动段前和段后有空行

align:段落内容的对齐方式

默认是left左对齐

right右

center居中


<h1></h1>标题标签

其中<h1>最大,<h6>最小


实体的语法:&实体的名字;

<  <

>

空格      HTML源码中的多个空格会合并成一个,可以用&nbsp;写多个空格

版权符号     ©


HTML注释

<!-- HTML注释内容-->


<img/>图片标签

src:图片的路径(必有属性)

width:图片宽度

height:图片高度

默认单位是px(像素)width="200px"

百分比设置,是父标签的百分比,是动态改变的width="50%"


<a></a>超链接标签

用于定义一个可以点击跳转的链接

href:超链接跳转的路径(必有属性)

内网本机路径:相对路径和绝对路径

互联网路径:带http://……的地址

本页:不写默认跳转到本页,相当于#

超链接要想正常工作:

a标签中必须有内容

a标签必须有href属性

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 软件架构 A : C/S 客户端/服务器 : 特点 1 软件使用前必须得安装 2 软件更新时,服务器和客户端得同时...
    董宇浩阅读 1,090评论 0 0
  • 1 palte 2 bento 3 #fancy 4 place apple 5 #fancy pickle 6 ...
    你养猪吗阅读 1,801评论 0 0
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 4,905评论 0 0
  • 前端三大块 HTML(结构)、CSS(表现)、JS(行为) HTML超文本标记语言 文本:相当于记事本里写的文字,...
    卡拉什尼科夫_8ca2阅读 1,333评论 0 0
  • github fork 代码 第一步:点击页面右上角的Fork代码,如图一: 第二步:根据https把代码clon...
    MTSu1e丶阅读 5,653评论 0 1

友情链接更多精彩内容