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种) 在 ...
随机推荐
- Oracle 查询两个时间段内的所有日期列表
1.查询某时间段内日期列表 select level,to_char(to_date('2013-12-31','yyyy-mm-dd')+level-1,'yyyy-mm-dd') as date_ ...
- How to install Windows 7 SP1 on Skylake
Download gigabyte windows usb installation tool http://www.gigabyte.cn/WebPage/-79/usb.html get Wind ...
- Jenkins+PowerShell持续集成环境搭建(六)参数化构建
参数化构建可以应用于动态绑定源码地址等情况. 勾选“This build is parameterized”: 如果需要动态绑定源码地址,参考: 配置完成后构建项目变成:
- 在线制作css动画——CSS animate
熟悉CSS的人都知道,CSS可以实现很多漂亮的动画,特别是它的在线功能,能够帮助人们解决很多制作动画的效果.今天特别推荐一个在线CSS插件功能——cssanimate,这个最大的特色就是以图形界面方式 ...
- JavaScript的 sourcemap 的理解
当我们在使用vue-cli 开发项目完成后, 就要进行部署,执行npm run build 命令,你会发现它生成.js文件的同时,还会生成一个对应的.map 文件. 当时查了一下, .map 文件的主 ...
- Jquery实现菜单栏
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8& ...
- avpicture_fill的实现
简介 avpicture_fill函数将ptr指向的数据填充到picture内,但并没有拷贝,只是将picture结构内的data指针指向了ptr的数据.其实现如下: avpiture_fill av ...
- IDEA Failed to prepare an update: Temp directory inside installation
具体错误: Connection Error Failed to prepare an update: Temp directory inside installation: F:\IDEA_Tool ...
- Codeforces1101F Trucks and Cities 【滑动窗口】【区间DP】
题目分析: 2500的题目为什么我想了这么久... 考虑答案是什么.对于一辆从$s$到$t$的车,它有$k$次加油的机会.可以发现实际上是将$s$到$t$的路径以城市为端点最多划分为最大长度最小的$k ...
- MT【312】特征根法求数列通项
(2016清华自招领军计划37题改编) 设数列$\{a_n\}$满足$a_1=5,a_2=13,a_{n+2}=\dfrac{a^2_{n+1}+6^n}{a_n}$则下面不正确的是( )A ...