java语言之前端初体验

最新推荐文章于 2024-07-10 21:37:49 发布

Xrainandsnow

最新推荐文章于 2024-07-10 21:37:49 发布

阅读量169

点赞数

文章标签： html5 java

本文链接：https://blog.csdn.net/Xrainandsnow/article/details/105463396

版权

学习就像漫步于薰衣草园之中，你和她互相倾诉，互相了解，时而开心，时而迷茫，但她始终在哪里。

HTML

一.HTML简介
1.1HTML概述
HTML是一门用户创建网页文档的拜祭语音，网页本身是一种文本文件，在文本文件中添加标记符。
浏览器用来解析HTML标记的内容（文字的处理，画面排版安排，图片如何显示，音频，视频等等）
HTML是用来创建网页的标记语言。
1.2HTML特点
1.简易型：由于是超文本标记语言的版本升级采用的超集4方式。更加方便灵活
2.可扩展性：超文本标记语言采用的子类元素的方式可，为系统扩展带来保证
3.平台无关系
4.通用性：HTML是网络的同用语言，一种简单，通用的标记语言。
1.3HTML基本结构

<!-- 文档声明：告诉浏览器使用HTML5版本解析 -->
<!DOCTYPE html>
<html>
    <!--网页的头部 -->
    <head>
        <!--页面的字符集编码 -->
        <meta charset="utf-8" />
        <!-- 页面的标题 -->
        <title>我的页面</title>
    </head>
    <!-- 网页的主题，显示的部分-->
    <body>
        展示的内容
    </body>
</html>

1、HTML页面包含头部head和主体body
2、HTML标签通常是成对出现的，有开始标签，有结束标签，称为对标签。没有结束标签的为空标签
3、HTML标签都长都有属性，格式：属性名 = “属性值” 属性名 = “属性值”。多个属性用空格间隔
4、HTML标签不区分大小写，建议小写
5、HTML文件后缀名为html或htm
二.HTNL基本标签
2.1

结构标签

属性：
color:文本的颜色
bgColor:背景色
background：背景图片
颜色的表示方式：
第一种：颜色名称 red blue green yellow orange
第二种方式：RGB模式 #000000 #ffffff #325687（利用取色器或者ps软件）
2.2

排版标签

1、注释标签：<（）!-- 注释 -->
2、换行标签：<（）br/>
3、段落标签：<（）p>文本文字

特点：段落与段落之间有行高（行间距）自带换行
属性：文本对齐方式 align （left、center 、right）
4、水平线标签：<（）hr/>
属性：
width：水平线的长度(两种：像素表示。第二种：百分比显示)
size：水平线的粗细（避免过粗、太丑、一般给个位数比如 6px）
color：水平线的颜色
align：水平线的对齐方式(left、center、right)
2.3

标题标签

<()h1>-<()h6>
数字越小，标题文字越大
在这里插入图片描述

2.4

容器标签

<（）div></（）div> ：块级标签，独占一行，自带换行
<（）span></（）span> ：行级标签，所有内容都在同一行
作用：<（）div>主要是结合css做页面分块布局
<（）span>：进行友好提示信息的显示
在这里插入图片描述

2.5

列表标签

列表标签分为四种种：A无序（ul unorder list）B有序（ol order list）C定义列表 {定义列表dl(defination list)定义标题dt(defination title)定义描述dd(defination description)}
D列表嵌套
2.6

图片标签

<()img /> 独立标签
属性：
src 图片地址
width 图片的宽度
height 图片的高度
border 边框
alt 图片的文字说明当图片未能正确加载时，才显示
title 鼠标悬停时，显示的文字

在这里插入图片描述

2.7 链接标签

超链接可以是文本，也可以是图片，可以点击链接标签，进入新的文档，或者是当前文档中的某个部分
<a()>文本或图片</a()>、
属性：
href="跳转的地址"跳转外网需要添加协议
target:_self(当前文档)
_blank(新页面,会一直打开新的)
_search 之前打开的页面存在，则不打开新的页面，直接复用
name 充当锚点（顶部、底部）
需要为标签提供name属性，进行赋值
需要点击跳转的标签href属性给 #name

2.8 表格标签

表格由<()table>标签来定义，每个表格均有若干行(由tr标签定义行)，每行由若干个单元格组成(由td标签来定义)。每一个数据单元可以包含文本、图片、列表。。。。。。

2.8.1 普通表格

table tr td
table属性：
默认没有边框体现
border:边框的宽度
bordercolor:边框的颜色
cellspacing:单元格的间距
cellpadding:单元格与内容的间距
width:宽度
height:高度
align:控制表格的对齐方式 left center right
td的属性：
align:控制的单元格内容的对齐方式 left center right
valign:控制单元格内容的垂直对齐方式 top

Xrainandsnow

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
java语言之前端初体验

学习就像漫步于薰衣草园之中，你和她互相倾诉，互相了解，时而开心，时而迷茫，但她始终在哪里。HTML一.HTML简介1.1HTML概述HTML是一门用户创建网页文档的拜祭语音，网页本身是一种文本文件，在文本文件中添加标记符。浏览器用来解析HTML标记的内容（文字的处理，画面排版安排，图片如何显示，音频，视频等等）HTML是用来创建网页的标记语言。1.2HTML特点1.简易型：由于是超...
复制链接

扫一扫