HTML基础

最新推荐文章于 2023-03-06 17:15:50 发布

YMH_GX

最新推荐文章于 2023-03-06 17:15:50 发布

阅读量104

点赞数

分类专栏： java html 前端文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_45364697/article/details/102497997

版权

java 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

html

2 篇文章 0 订阅

订阅专栏

前端

2 篇文章 0 订阅

订阅专栏

HTML
概念格式：
html:页面的根本
head:页面文件的主要信息
body:浏览器中显示的内容
格式：

 <html>
	 <head>
     <title>页面标题</title>	 
	 <head>
	 <body>	
	 网页显示的内容	 
	 <body>
	 </html>

页面标题网页显示的内容

组成和书写规范：
html:页面的根本
head:页面文件的主要信息
body:浏览器中显示的内容
HTML注释 

普通标签可以层层嵌套
标签属性(标签指明是什么,属性给标签添加额外特性)
标签分为两类：单级标签和双级标签
单级标签：

单级标签
双级标签：

双级标签

常用标签：
hn：h1-h6 【标题字体的大小，从大到小】
hr 【一条水平线】
属性：color[颜色] size[粗细] width[宽度] align[对齐方式；left左、center中、right右]
font 【字体】
属性：color[颜色] size[粗细] face[字体] b加粗 i倾斜 br换行
p 【段落】
属性：有默认行距1.2 align[对齐方式；left左、center中、right右]
a 【超链接】
属性：href：跳转到哪里 target：两得到方式 _self当前窗口(默认) _blank新开窗口
img 【图片】
属性：src 绝对地址和相对地址 width[宽度] height[高度] alt[图片加载失败时的替换文字] title[鼠标文字提示(所有标签通用属性)]
ul-li 【无序】
属性：type 列表项图标类型取值 disc(默认)实心圆 circle空心圆 square方块
ol-li 【有序】
属性： type 取值 1(默认)数字 A,a大小写英语字母 I,i大小写罗马字符 start 起始序号默认值1 reversed 降序默认不写是升序
容器标签：
块级标签特点:独占一行例如 hn,hr,p,ul,ol,li
内联标签特点:占据空间由内容大小决定例如 font,b,i,a,img
div：块级标签
span:内联标签

table 【一个表格】
属性：border[表格边框] bgColor[表格颜色] cellspacing[单元格之间的距离] cellpadding[单元格之间的填充]
width[宽度] height[高度] align[对齐方式；left左、center中、right右]
tr 一行
td 一个单元格
属性：colspan 跨列(从左向右跨列) 默认值1 【跨列后需删除右侧的单元格】
rowspan 跨行(从上向下跨行) 默认值1 【跨列后需删除下侧的单元格】
th 一个单元格[特殊] 有加粗效果一般用于第一列的标题

YMH_GX

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML基础

HTML概念格式：html:页面的根本head:页面文件的主要信息body:浏览器中显示的内容格式： <html> <head> <title>页面标题</title> <head> <body> 网页显示的内容 <body> </html> ...
复制链接

扫一扫