web

1,认识web -- web开发指的就是写网页,web标准中,将网页开发规范分为三个标准:
1),结构标准---html,决定网页中的内容
2)表现标准 -- css,决定网页中内容的样式和布局
3)行为标准---Js,决定网页内容动态变化

2,什么是html
HTML又叫超文本标记语言。(不是编程语言)大小写敏感。
html就是由各种各样的标签组成的

html标签,代表整个网页;
head------代表网页的顶部,和内部核心的东西。
boby -- 代表整个网页内容部分

3,html中标签
1,标签的语法
html中标签分为两种:双标签和单标签
1)语法
双标签:<标签名 属性名1=属性值1 属性名2=属性值2.。。。>标签内容</标签名>
单标签(无内容):<标签名 属性名1=属性值1 ......> 或者 <标签名属性名1=属性值1 。。。。/>

说明:标签名不能自己随表命名,而是使用当前html版本提供的标签名,不同内容对应的标签不同。哪些标签是单标签哪些标签是双标签,是固定的。
属性 ----哪些标签有哪些属性是确定的,属性名和属性值之间用=连接,讴歌属性之间用空格隔开。
如果有多个属性,属性顺序可以随意。
html中所有属性的值都必须用引号引起来。不管类型。
标签内容:只有双标签才有标签内容,开始标签和结束标签中的部分;双标签的内容中可以放任何东西(文字,或者别的一个或者多个标签。)
固定结构:

<!DOCTYPE html> --- 说明当前网页采用的html版本,这里代表的是当前使用html5版本。
<html> --- 开始标签
<head> --- 里面只能放:
meta,--元数据,主要做一些网站设置性的工作。
title(设置网页标题)
link(导入文件,设置网页图标,导入外部样式。rel(别导入的文件
作用,stylesheet样式表,icon网页标签), type-对被导入文件
的类型/文件后缀。text/css(文本文件,后缀是.css.)进行说
明,文件类型。
style,
script,
base,
<meta charset="UTF-8">
<title></title>
</head>
<body>
1,标题标签h1-h6,当文本内容意义是标题时候,才选择标题标签
<h1>我是标题1</h1>
<h2>我是标题2</h2>
<h3>我是标题3</h3>
<h4>我是标题4</h4>
<h5>我是标题5</h5>
<h6>我是标题6</h6>
2。段落标签:<p>文字段落</p>---一段文字表示一个段落就用p标签
3.网页中换行和空格,在html中手动输入换行和空格无效
1),强制换行

---在网页需要强制换行的位置加

2),空格,&nbsp 空一个像素。&emsp空一个空格
4,font标签----<font>表示一段文字,这段文字可以和别的网页内容同行显示。
5,水平线



<hr />
6,文字效果
加粗---<b >标签和<strong>标签
倾斜---<i>标签和<em>标签
7,1)无序列表:ul标签,li标签
< u>l---代表列表中的元素
< li> ---代表列表中的元素
2)有序列表 - ol标签,li标签
< ol > -- 代表整个容器
< li > - 代表列表中的元素
3),自定义标签
<dl>--代表整个容器
< dt>--代表分组名
<dd>代表每个元素
1)标签内容--决定点击谁可以跳转
文字超链接
图片超链接
2)href属性 -- 决定跳转到哪个位置
a ,网络地址---跳转到指定页面
b,本地html文件地址 ----跳转到指的本地页面
c ,选择器 ----在当前页面中跳转到指定位置
d,空---刷新页面(有兼容性问题)
3)target属性
_self(默认) -在当前页面中加载新的内容
_blank---在新页面中加载新的内容。

</body>
表格标签:table, tr , td
1,table --代表整个表格
border属性 --- 表框线的宽度
cellspacing-- 单元格与单元格之间的间隙。
align - 设置对其方式:left(默认)\right\center
设置整个表格在其父标签中的对齐方式。
width----列宽度
height---高度
cellpadding ---设置内容到单元格上下左右之间的举例
bordercolor --- 表框颜色。

            4,补充:HTML中颜色值
             1)颜色单词,例如:red,yellow,white,blue等
             2)#RGB十六进制,0-255.00--ff,#ff0000,#ffff
           bgcolor--- 设置一行的背景颜色
2 tr标签----代表一行
        bgcolor--- 设置一行的背景颜色
3,td  标签---代表一个单元格
              bgcolor--- 设置单元格的背景颜色

</html> ----- 结束标签

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、学习目标 主要是学习web开发中的一些基本性的概念,例如b/s架构,web服务器,dns等等。同时还要学习HT...
    我爱开发阅读 841评论 0 7
  • 前端开发知识点 HTML&CSS对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型...
    Hebborn_hb阅读 896评论 0 1
  • HTML、CSS和JavaScript。html是内容,css是表现,javascript是行为。前端开发的门槛其...
    hjGamma阅读 3,215评论 2 4
  • 1.web标准: web前端的内容:HTML、CSS、JavaScriptweb标准(万维网-W3C指定的)中规定...
    大黄蜂人工智能阅读 332评论 0 0
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,365评论 0 1

友情链接更多精彩内容