HTML学习笔记Day1
一、网站建设流程
1.注册域名（网址）
2.租用空间（服务器）
3.网站建设
（1）确定网站主题（项目）
（2）搜集材料（项目）
（3）规划网站（UI）
（4）制作页面（前端--后端）
4.网络推广
5.网站维护（与UI、前端、后台、测试都相关）
二、Web的构成
1.结构：XHTML、XML、HTML5（W3C规定了表现标准）
2.表现：CSS渲染（W3C规定了表现标准）
3.行为：DOM，BOM，ECMAScript（欧洲计算机制造商协会，规定了行为标准）
三、HTML5基础
1.HTML是超文本标记语言（Hyper Text Markup Language）（语义）
2.1999年（W3C）html4.01出现分歧：
1） XHTML：语法更为严谨；
2） HTML5：功能增加，更贴近市场；
2008年HTML5、XHTML2.0合并，并在2014年得到推广。
3.HTML5结构：
<!DOCTYPE html><!--声明文档类型-->
<html lang="en"><!--当前文档显示语言-->
<head>
<meta charset="UTF-8"><!--设置字符编码格式-->
<title>Document</title><!--页面标题-->
</head>
<body>
</body>
</html>
4.HTML语法：
常规类标记语法：<标记名 属性=“属性值”></标记>
单标记语法：<标记名 属性=“属性值”>
5.标记元素：
<h1></h1>一级标题
<sup></sup>上标记
<sub></sub>下标记
<p></p>段落，表示一段叙述性文本
字符实体：
 ；空格 >；右尖角号 <；左尖角号 ©；备案图标版权
列表：
无序列表
<ul>
<li></li>
</ul>
有序列表
<ol>
<li></li>
</ol>
自定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>
<a href="相对路径"></a>超链接 属性：target；属性值：_self默认值；_blank在新窗口打开目标路径；属性：title（代表提示信息特指超链接中）
<img src="相对路径及全称" alt=“文本替换图片”>插入图片 属性：title（图片的名称提示信息）
6.表格
1）表格的作用：显示数据
2）表格内属性：
width：宽度
height：高度
bgcolor：背景颜色
cellspacing：每个单元格之间的间距
cellpadding：内容距离单元格之间的间距
align：水平居中
3）表格中单元格的合并：合并行rowspan=“”；和并列colspan=“”；
4）表格内若无内容，要加 占格。
HTML学习笔记Day1的更多相关文章
- OpenCV图像处理学习笔记-Day1
OpenCV图像处理学习笔记-Day1 目录 OpenCV图像处理学习笔记-Day1 第1课:图像读入.显示和保存 1. 读入图像 2. 显示图像 3. 保存图像 第2课:图像处理入门基础 1. 基本 ...
- sqli-labs学习笔记 DAY1
DAY 1 准备工作 安装phpstudy 安装配置sqli-labs 学习笔记 SQL语句的注释:–, # +在URL经过编码后会编码为空格 SQL语句的查询语句:SELECT column_nam ...
- 商业爬虫学习笔记day1
day1 一. HTTP 1.介绍: https://www.cnblogs.com/vamei/archive/2013/05/11/3069788.html http://blog.csdn.ne ...
- python网络爬虫与信息提取 学习笔记day1
Day1: 安装python之后,为其配置requests第三方库,并爬取百度主页内容. 语句解释: r.status_code检测请求的状态码,如果状态码为200,则说明访问成功,否则,则说明访问失 ...
- Python3学习笔记 - day1
前言 本文不是一篇系统的从零开始学习Python的教程,如果你需要从零开始学习Python,廖雪峰的官方网站中Python教程这部分将是比较好的一种选择,如果你英语比较好,也可以在国外的一些网站上找到 ...
- Python学习笔记 - day1 - 概述及安装
Python概述 Python是一种计算机程序设计语言.我们平时已经听说过很多种流行的编程语言,比如非常难学的C语言,非常流行的Java语言,适合网页编程的JavaScript语言等等. Python ...
- oracle学习笔记day1
oracle数据库前言 oracle sqllesson1 Selecting Rowslesson2 Sorting & Limiting Selected Rowslesson3 Sing ...
- Python学习笔记——Day1
突破从改变开始,一行行字符,熟悉的感觉,还是那个味儿...呀哈哈哈 一.变量 变量是计算机语言中能存储计算结果或能表示值的抽象概念,变量可以通过变量名访问.调用及修改.变量通常表示可变状态,即具有存储 ...
- [python学习笔记]Day1
初识python 第一个python程序: print('Hello,Python') >>>Hello,Python python2与python3的一些主要的区别: 1.在pyt ...
- CSS学习笔记day1
1.css的简介 css:层叠样式表 (层叠:一层一层的:样式表:很多的属性和属性值) 使页面显示效果更好 将页面内容和显示样式进行分离,提高了显示功能. 2.css和html的结合方式(4种) 在 ...
随机推荐
- SpringBoot之处理JSON数据举例
SpringBoot使用@RequestBody注解会自动将请求body中的json数据绑定到参数上.使用@ResponseBody注解,在返回参数时自动将对象转换为JSON格式返回. 举例代码: c ...
- java 处理上传exl数据 并导入数据库
思路:处理上传exl表格,并读取文件,数据,讲数据放去集合,循环插入数据库. 重点,读取文件时需要读数据,格式和数据是否正确,(因为只是把整条路打通,所以这块没有细弄): 项目使用ssm框架, str ...
- java.lang.Exception: No tests found matching [{ExactMatcher:fDisplayName=fun2], {ExactMatcher:fDisplayName=fun2(cn.itcast.demo2.fun1)], {LeadingIdentifierMatcher:fClassName=cn.itcast.demo2.fun1,fLeadi
Junit报的错误, 在测试方法前面没有添加注解@Test
- Vue-router的API详解
前面的话 本文将详细介绍Vue-router的API router-link <router-link> 组件支持用户在具有路由功能的应用中点击导航. 通过 to 属性指定目标地址,默认渲 ...
- word公式大小
下面给出MathType与Word对应的字体关系,大家可以根据自己的实际需求,调整自己的公式大小. MathType与Word对应的字体关系示例 以上给大家详细介绍了调整MathType公式字体大小 ...
- hdu—3861（tarjan+二分图）
题意:给你n个城市,每个城市之间有一条有向边,将城市划分为几个区域,问你最小的划分方法, 划分规则为:能相互到达的放在一个区域:然后区域内的a,b两点肯定存在某种方式,使得a能到b或者b能到a(注意, ...
- python时间模块time
时间模块 时间模块主要处理和时间相关的事件,我们可以通过模块获取不同数据类型的时间以便我们需求. 表现时间的三种方式: 在pythn中表现时间的方式主要有三种:时间戳(stamptime).元祖时间( ...
- Comet OJ - Contest #0
A:化成x-√n=y+z-√4yz的形式,则显然n是完全平方数时有无数组解,否则要求n=4yz,暴力枚举n的因数即可.注意判断根号下是否不小于0. #include<iostream> # ...
- 前端 -- CSS基础
一,CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). 二,CSS语法 1 ...
- word 2013 粘贴的图片自适应大小
1.先切换到页面视图 2.粘贴图片进去,成功自适应,像素不变,可右键图片另存为图片,查看原始图片,或者ctrl+滚轮上放大. 3.在其他视图就会出现超出范围的情况,还要自己调整