HTML基础

  系统架构:  b(浏览器)/s(服务器)架构:c(客户端)/s(服务器)架构:

  HTML是什么:  超文本标记语言   (文字+图片+音视+链接…)

标记 :  浏览器根据已定义好的某一对标签来显示对应的内容

语言 : 一门计算机语言

 最重要的三个项目:  html 核心规范     CSS(层叠样式表)    javascript   

Html5新特性:  引入原生多媒体支持    映入可编辑内容(列如:图画)    引入了语义web

Html标签:  html标签是由尖括号包围的关键词,比如<html>

        <html></html>

html标签一般是成对出现的,比如<body>和</body>;

<body></body>

标签对中的第一个标签是开始标签,第二个标签是结束标签后多了/

开始和结束标签也被称为开放标签和闭合标签

但也有些标签是单标签或者自关闭标签 如: <br /> <img />等,单标签就固定的那么几个,数量不多。

 注释:  快捷键 Ctrl+/              <!-- font标签 -->

 避免乱码:   <meta   charset=”utf-8”>   简体中文:gb2312  支持所有语言:utf-8   纯英文网址:iso-8859-1

meta name="keywords" content="不喝酒不健康就离开"/> keywords是搜索关键字      <meta name="description"  content="京东JD.COM-专业的综合网上购物商城,销售家电>  description是内容描述

 <font>标签  

<font color="pink" face="华文琥珀" size="5"><b><i>百度一下,你就知道。如此厉害。</i></b></font> <br/>
<font color="yellow" face="华文琥珀" size="5"><b><i>百度一下,你就知道。如此厉害。</i></b></font>

 

每个html标签都可能有不同的属性。

同一个属性在不同含有这个属性的html标签里都是指同一个意思。如color属性无论在哪个html标签都是指内容的文本颜色

  H系列标签:h1---h6   h1最大最粗 h6最小最细

  <font color="pink" face="华文琥珀" size="5"><b><i><P>百度一下,你就知道。如此厉害。</i></b></font> </P>

 

<font color="yellow" face="华文琥珀" size="5"><b><i><P>百度一下,你就知道。如此厉害。</i></b></font></P>

 

  <b>------</b>  粗体       <i>-------</i>   斜体     <u>-----</u>    下划线    <hr>  分割线

 文本标签

<u></u>下划线    <i></i>斜体   <b></b>粗体

<strong></strong>加粗        <em></em>斜体<><><>

 

 

  Img 为显示一张图片  <img>

src属性,放图片地址(本地、在线),建议使用相对路径
width属性
height属性
title属性 鼠标悬停提示文字
alt属性 图片失效提示文字

相对路径:相对于当前目录而言其他文件所在的地址
../指上级目录
/指下级目录
绝对路径:一般以http:// 或者ftp:// 或者系统盘符(c:)开头的地址


.a标签:超链接 不能跨项目跳转
href属性 跳转地址,可以是网页、图片、视频?
target属性
_blank属性值 打开新的标签页
_self属性值 覆盖原来的标签页

src和href区别:src一般做非文本引入方式,而href一般做文本引入方式???

了解特殊符号
&nbsp; 空格
&lt; <
&gt; >
&reg; 注册商标
&amp; &
&copy; 版权
&trade; 商标

.body标签
bgcolor属性
background属性

表格
快捷键 tr*3+tab td*4+tab
表头使用th 字体加黑加粗居中
thead 放表头
tbody
tfoot
border 边框粗细
cellspacing 单元格之间的距离
cellpadding 单元格和内容之间的距离

合并单元格 (td标签中)
colspan 合并行 跨行
rowspan 合并列 跨列

x<sup>y</sup> 打出x的y次方

表单
form标签
action 属性 内容提交到哪
method 属性
post 提交数据信息,登录、注册、上传
get 获取信息,打开一个页面

input标签
type属性
text属性值 文本框
passworld 密码框 遮挡而已,不是加密
submit 提交
reset 重置
radio 单选框;name属性任意但是必须一致
chackbox 复选框
email 自动过滤邮箱格式
button 普通按钮
image ???

size属性 框的长度
maxlength 允许的最大字符数
name属性 后端取值
checked 单选框默认选项
id属性
value属性
placehoder 提示信息


select标签 下拉框
name属性 后端取值???
size属性 显示的文本的大小
option标签
value属性 =文本 后端取值???
selected属性 默认选项

常见浏览器清除缓存的方法

补充:
有序列表
<ol>
<li></li>
<li></li>
</ol>
无序列表
<ul>
<li></li>
<li></li>
</ul>
iframe 在当前页面显示另外一个页面的内容
颜色取值
RGB
颜色英文单词


疑问:
table的嵌套
可以嵌套,注意子与父的关系

form、input、select的关系
input和select可以脱离form使用
有提交信息类属性的必须要加form,建议一直加

posted @ 2020-05-27 22:14  喬笙  阅读(90)  评论(0)    收藏  举报