网页设计HTML和css(1)

这篇博客介绍了HTML的基础知识,包括HTML文件的概念、一次完整的HTML请求过程,以及HTML常用的标签,如字体、标题、换行、段落、特殊字符、列表、超链接、图像、相对路径和绝对路径等。同时讲解了HTML元素和结构,帮助初学者理解网页设计的基本构成。
摘要由CSDN通过智能技术生成

网页设计(HTML和CSS)

HTML文件:网页文件,通过浏览器打开。(创建文件最简单的一个方法:文本文档改后缀名)

一次完整的HTML请求过程:

  1. 域名解析(DNS) ---- 得到服务器IP地址,就可以访问
  2. TCP建立连接(三次握手)----建立本机与服务器的连接
  3. 建立TCP连接之后,发起HTTP请求(浏览器请求访问服务器)
  4. 服务器端响应http请求,浏览器得到html代码
  5. 浏览器解析html代码,并请求html代码中的资源
  6. 浏览器对页面进行渲染呈现给用户
    (补充:bin:主程序相关文件、jre lib:相关文件库、plugins:配置相关)

小总结:1.编写html代码的时候,一定是成对标签出现 eg:
2.html文件的后缀名是 .html 不是 .10html

file:文件,一般有保存打开,设置等功能。
Edit:编辑,粘贴复制等功能
View:视图
Navigate: 导航

常识:
1.WWW是World Wide Web的缩写,简称为Web
2.http:超文本传输协议(HyperText Transfer Protocol)(html—相当于是文本)
3.URL(Uniform Resource Locator):统一资源定位符(网址),

超文本标记语言(重点)

架构:1.C/S(client/Server):客户端/服务端架构 eg:QQ
2.B/S(Brower/Server):浏览器/服务端架构 eg:淘宝网

HTM:超文本标记语言(HTML :hypertext markup language)
HTML文档HTML标签用户定义的内容组成
HTML标签是已定义好的标记,可用来控制页面显示的内容,例如文字、列表、段落、图像以及动画等。

HTML标签:

1.html标签可以看作是HTML的命令(html代码就是我们的html标签),通过指定标签可以定义网页的内容,通过指定标签的属性可以定义网页的内容的样式。
2.标签:单标签成对标签
(单标签单独使用,成对标签成对使用。有的标签既可以单独使用,也可以成对使用)
成对标签的使用:<标签名/> <标签名>

成对标签使用起始标签“<标签名>”结束标签“</标签名>” 组成。成对标签的作用仅限于这对标签内部的内容。

HTML常用的标签(掌握)

  1. .HTML的常用标签分为meta标签、文本标签、列表标签、分隔线标签、超级链接标签、图像标签等。
  2. content-language:用于指定页面的编码方式。
  3. 文本、图像、超级链接是网页的三类基本元素。其中,文本是网页发布信息的主要形式。通过设置文本的大小、颜色、字体以及段落和换行等,可以使文本看上去整齐美观,错落有致。

补充:
1.<meta>标签: 是<head>的子标签,主要用于定义页面的一些相关信息。
2.meta标签可以分成两大部分,HTTP标签信息(http-equiv)和页面描述信息(name)。

1.字体标签<font>—定义字体

属性: 表示该标签里面的样式

<font size="3" color="#cccccc" face="宋体">字体标签</font>

<font>里面有三个属性 :

  • size用来指定文字大小。
  • color属性用于指定字体的颜色。
  • face用于指定字体的类型。

语法:

<font 属性="属性值" 属性="属性值" 属性="属性值"></font>

<font siz
  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值