html 基础快速入门

最新推荐文章于 2024-11-15 13:22:53 发布

Gin_000007

最新推荐文章于 2024-11-15 13:22:53 发布

阅读量86

点赞数

分类专栏： javaweb 文章标签： html5

本文链接：https://blog.csdn.net/jjjyyyyyyy/article/details/123859660

版权

javaweb 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

web概念概述

Javaweb:

使用Java语言开发基于互联网的项目

软件架构：

C/S：client/Server 客户端/服务器端
B/S：Browser/Server 浏览器/服务器端
1. 静态资源：
  
  使用静态网页开发技术发布的资源。
  
  特点：
  
  所有用户看到结果一样
  
  请求静态资源，服务器会直接发给浏览器
2. 动态资源：
  
  使用动态网页开发技术发布的资源。
  
  特点：
  
  用户看到的结果可能不一样
  
  请求动态资源，服务器会转换为静态资源，再发给浏览器

html

概念：最基础的网页开发语言

Hyper Text Markup Language 超文本标记语言

超文本:超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本.

标记语言:由标签构成的语言。<标签名称> 如 html，xml
快速入门：
1. html文档后缀名 .html 或者 .htm
2. 标签
  1. 围堵标签：有开始标签和结束标签。<html></html>
  2. 自闭和标签：开始和结束标签在一起。
3. 标签可以嵌套
4. 开始标签可以定义属性。属性由键值对构成。值要用引号
5. 标签不区分大小写
标签学习
1. 文件标签：构成html最基本的标签
  
  html：html文档的根标签
  
  head：头标签。用于指定html文档的属性。
  
  title：标题标签
  
  body：体标签
```
 <!DOCTYPE html>：html5中定义该文档时html文档
```
2. 文本标签：与文本有关
  
  注释：
```
     <h1> to <h6>：标题标签
     <p>: 段落标签
     <br>: 换行标签
     <hr>：一条水平线
         属性：
             color：颜色
             width：宽度
             size：高度
             align：对齐方式
     <b>：加粗
     <i>：斜体
     <font>：字体标签
     <center>：文本居中
         属性：
             color：颜色
             size：大小
             face：字体
     属性定义：
         color:
             1.英文单词
             2.rgb(值1，值2，值3)：范围：0~255
             3.#值1值2值3：范围：00~FF之间
         width：
             1.数值：单位默认是px(像素)
             2.数值%
```
3. 图片标签：
  
  img：展示图片
  
  属性：src：指定图片的位置
  
  img src="image/jingxuan_2.jpg" align="right" alt="古镇"
  
  相对路径：
  
  ./：代表当前目录
  
  ../：代表上一级目录
4. 列表标签：
  
  有序列表：
  
  ol：
  
  li：
  
  无序列表：
  
  ul：
  
  li：
5. 链接标签：a href="aaa" target="_self"> a
  
  a：定义超链接
  
  属性：
  
  href：指定访问资源的url
  
  target：打开资源的方式
  
  _self：默认值，在当前页面打开
  
  _blank：在空白页面打开
6. div和span：
  
  div：每一个div占满已整行。
  
  span：文本信息在一行展示
7. 语义化标签：
  1. header：页眉
  2. footer：页脚
8. 表格标签：
  
  table：
  
  border：边框
  
  cellpadding：定义内容和单元格的距离
  
  cellspacing：定义单元格之间的距离。如果为0，则合为一条线
  
  tr：定义行
  
  td：定义单元格
  
  colspan：合并列
  
  rowspan：合并行
  
  th：定义表头单元格
  
  caption：表格标题
  
  thead：表示表格的头部分
  
  tbody：表示表格的体部分
  
  tfoot：表示表格的脚部分