初识HTML

最新推荐文章于 2024-07-24 16:51:37 发布

君绾

最新推荐文章于 2024-07-24 16:51:37 发布

阅读量107

点赞数

分类专栏： my 文章标签： html

本文链接：https://blog.csdn.net/wing_annuan/article/details/102574836

版权

my 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

20191015上午

1、了解HTML、XHTML、HTML5等概念

（1）建站流程
注册域名——>租用服务器——>网站建设（a确定网站主题b搜集资料c规划网站d制作页面）——>网站推广（运营）——>网站维护
（2） web标准是由结构层（HTML）、表现层（CSS）、行为层（JavaScript）组成
web标准就是网页制作的标准，一系列的标准（W3C的标准，ECMA的标准）

（3）概念
W3C（万维网联盟）：指定HTML、css的标准
ECMA（欧洲电脑网商协会）：执行JavaScript的标准
HTML：超文本标记语言
XHTML ：可扩展超文本标记语言（语法更加严格）
HTML5：HTML的第五个重大版本的修改
WHATWG：浏览器厂商
（4）建立站定（本地文件夹）
命名规则：1）必须由小写字母、数字、下划线组合2）开头必须是英文
（5）站点作用：规划网站，整合站点的资源（html、css、js、图片，字体文件等）
（6）站点结构：code（站点名）
Html（文件夹）——HTML网页文件
Css（文件夹）——css文件
Js（文件夹）——js文件
Images（文件夹）——存放静态资源（图片、字体、视频、音频等）
Index.html——网站首页（入口文件）
注释：代码给机器编译，注释机器不编译（给编程的人看）快捷键：ctrl+/
快速生成HTML基本结构的快捷键：! + tab 或 ! + enter(感叹号必须是英文的)
Ctrl+s 保存 Ctrl+c 复制 ctrl+v 粘贴 Ctrl+z 撤回
HTML的语法：HTML由标签和属性以及它的属性值组成
标签是由尖括号括起来的
标签分类：1、单标签（空标签）
由一个尖括号括起来的标签
2、双标签
由一对尖括号扩为起来的标签
注意点：1、标签必须紧跟尖括号后面2、标签和属性之间用空格隔开3、属性和属性值之间等号连接4、属性值必须应用引号引起来
标记标签h1-h6
h1是唯一的，一个网页里只能用一个，唯一性，一般用在logo
文字标签
或字体倾斜
或字体加粗
或<ins></ins> 下划线
 （br /） 换行
<hr>（hr /） 水平线
 上标
 下标
<del></del> 删除线
 段落标签
常用的特殊字符：
——空格 <——左尖括号 >——右尖括号 ©——备案图案的符号
20191015下午
常用的标签：

常用来布局的块级元素,没有任何含义和默认样式常用来布局的行内元素，没有任何含义和默认样式行内元素：块级元素：超链接：` 内容 ` 路径：分为绝对路径和相对路径绝对路径：完整的描述文件路径相对路劲：目标相对于当前文件的路径 Href=”要跳转的地址” Target=”设置网址打开的位置_blank:链接在新的窗口打开 _self:链接原本的窗口打开（默认值）” Title=”鼠标滑动是时出现的提示文字” 图片标签

Alt=”图片加载不出来的时候的提示文字” Title=”鼠标滑动是时出现的提示文字” 链接地址的写法： 1、当文件与目标文件在同一文价夹时，直接写文件名+后缀名 2、当文件与目标文件不在同一文价夹时，需要先返回上一级（../）+文件名+后缀名 3、当文件与目标文件不在同一文价夹时，需要先进入下一级（文件名夹/）+文件名+后缀名列表标签有序列表ordered list

<ol>
<Li>…..</li>
…
…
</ol>

主要使用在哪看得见的列表里面
想要改变有序列表的列表符号，给ol添加一个type
无序列表unordered list

<ul>
<Li>…..</li>
…
…
</ul>

主要使用在导航以及看得见的列表里
自定义列表definition list
列表项 list items

<dl>

<dt></dt>
<dd></dd>
<dd></dd>
</dl>

主要使用在图片和文字组合的地方，一个dl里面只能使用一个dt但是可以使用多个dd
表格标签
表格的组成：行和列，行和列交汇的区域叫单元格
表格作用：用来显示数据
表格的结构

<tr></tr>行
<td></td>列

<table >
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>

表格的属性：
Width——宽度
Height——高度
Border——边框
Bordercolor——边框颜色
Cellspacing=”number”设置单元格与单元格的距离
Cellpadding=”number”设置内容到单元格边框的距离
Align=”left|center|right” 单元格内文字水平对齐方式（如果align值给table添加，整个表格改变，如果align值给tr添加，单元格内文字改变）
快速建表格：table>tr6>td4
单元格合并
单元格的合并：行合并（把多行合并为一行）rowspan=”number”
删除本行后面number-1行中对应的td
列合并（把多列合并成为一列）colspan=”number”
删除本行里面number-1行中对应的td