HTML基本标签的使用(一)

最新推荐文章于 2023-09-07 10:30:00 发布

jinlun_blog

最新推荐文章于 2023-09-07 10:30:00 发布

阅读量559

点赞数

分类专栏： JavaWeb 文章标签： HTML w3c 标签语言 xhtml

本文链接：https://blog.csdn.net/LiJinlun0825/article/details/53155763

版权

JavaWeb 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1.HTML概述

1.什么是HTML？
·HyperText Markup Language 超文本标记语言
它是由W3C组织所制定的一套专门用于显示网页的规范，它不负责处理业务逻辑，只用于显示

2.它的版本发展的经历？
目前使用最多的是XHTML1.0,它其实就是HTML4.0.1

加强的语法特点
1.必须要有开始和结束标记
2.统一用小写
3.属性要用""引起来
HTML编写工具及特点
1.编写工具
文本工具：记事本,Nodepad++,EditPlus

专业版工具: DW(DreamWeaver)
2.特点
任何标记皆由"<"及">"所围住，如 <P>
标记名与小于号之间不能留有空白字符。
某些标记　要加上参数，某些则不必。如 <font size="+2">Hello</font>
参数只可加于起始标记中。
在起始标记之标记名前加上符号"/"便是其终结标记，如 </font>
标记字母大小写皆可。

3.文本与超文本的区别：
超文本是可以被浏览器识别并显示出来的，类比人与超人
4.扩展名
.html 或.htm
5.主要组成部分
<html>----------html声明
<head></head> -----------头部
<body></body>------------主体
</html>
具体标签的介绍
排版标签
注释标签
<br />:换行
<p>:段落标记
align:left center right
<hr>用于设置水平线
属性：
width可以是固定像素，也可以是百分比
size指粗细
color线的颜色
noshade没有阴影效果
<pre>预格式标记
<div>块标记，它会自动换行
字体标记
<h1>----<h6>标题标签由大到小
<font>字体标记
color: red(单词)/#FF0000(6位十六进制数)/rgb(255,0,0) 函数
size: 字体大小具体数字/+2(代表在3的基础上加2,实际是5) ,取值1--7之间
face:字体类型 "黑体"

特殊字符:
< < > > 人民币 ¥ 商标 ™ 版权 ©
图像标记
<img >代表图片
src 图片地址，可以是绝对地址(本地的，网络的)，也可以是相对地址2.jpg,
width 图片宽度
height 高度
alt 指示信息
border 边框粗细

热点了解
清单标记
<ol>有序列表
type:1是默认 A ,a ,I, i
start:从几开始
<ul>无序列表
type: disc 实心， circle空心圆 square
<li>列表项
它是允许嵌套的

<dl>代表自定义列表 datalist
<dt> data title
<dd> data data
超链接
<a>
href指链接地址，可以是绝对地址，也可以是相对地址
链接到邮箱：mailto:邮箱名

target:打开的地址
_blank 打开一个新的窗口
_self 在自身打开

_top 在顶层窗口打开

框架名在指定的框架中打开

表格标记
<table>代表表格
属性: border 边框，bordercolor边框颜色 width表格宽度 cellspacing单元格间距 cellpadding单元格边距 align对齐方式

<caption>代表表格的主题
tr代表行
td代表单元格 th代表单元格，指标题
td属性: rowspan跨行 colspan跨列

框架标记及<iframe>
<frameset>
<frame>
*表单标记及语义化
<form> action="提交地址" method="post/get"提交方式
表单提交的两种方式:
post 在地址栏不能看到提交的数据安全,提交数据理论上没限制
get 在地址栏可以看到数据 ,不安全，提交数据有量的限制(不超过1KB)

<input type="">
type:Text, Radio,Checkbox, Password, Submit/Reset, Image, File, Hidden, Button。
<select> <option></option></select>列拉列表
<textarea></textarea>多行文本框

多媒体标记
<embed>
<bgsound>
src:资源位置
头标记
<meta> 可以调编码格式
可以定时刷新
<base href="基础地址" target="打开方式"/>