HTML学习 day02
1.HTML的相关概念
网站建设流程
网页组成
网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。
- html(Hypertext Markup Language)—— 结构超文本标记语言
- css(Cascading Style Sheets)—— 样式层叠样式表
- js(javascript)—— 行为
HTML与XHTML的最大的不同是:
- XHTML 元素必须被正确地嵌套。
- XHTML 元素必须被关闭。
- 标签名必须用小写字母。
- XHTML 文档必须拥有根元素。
第一个页面
创建站点
站点的作用
- 用来归纳一个网站上所有的网页、素材以及他们之间的联系
- 创建站点的步骤
- 文件的命名规则
文件命名规则:用英文,不用中文
名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;必须以英文字母开头。
首页必须命名为index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hello Word</title>
</head>
<body>
这是我的的第一节课
</body>
</html>
HTML基本语法
常规标签:
<标签 属性="属性值" 属性="属性值"></标签>
单标签:
<标签 属性=“属性值” />
常用标签
1)文本标题
<h1>一级标题</h1>
<h2>二级标题</h2>
……
<h6>六级标题</h6>
2)段落标记
<p>段落文本内容</p>
3)空格
(所占位置没有一个确定的值,
这与当前字体字号都有关系。
4) <br />强制换行
5)加粗
<b>加粗内容</b>
<strong>加粗内容</strong>
6)倾斜
<em></em>
<i></i>
7)水平线/删除线/下划线
<hr /> / <del></del>/<u></u>
8)上标/下标
<sup>上标</sup>
<sub>下标</sub>
列表标签
有序列表
<ol>(ordered list)
<li></li>
<li></li>
......
</ol>
无序列表
<ul>
<li></li>
<li></li>
......
</ul>
自定义列表
dl>
<dt>名词</dt>
<dd>解释</dd> (定义描述)
......
</dl>
img标签/超链接标签
<img src="图片路径" alt="图片名" title="图片标题"/>
alt属性 是图片名字,是给百度搜索引擎抓取使用
相对路径:../返回上一级 ./下一级
绝对路径:图片的绝对所在位置(一般不使用)
a标签: 超链接/下载/锚点
语法:
<a href="连接地址">链接文本/图片</a>
属性: target 链接打开方式
_blank 新窗口
_self 当前窗口
表格table
<table>
<tr>
<td></td>
</tr>
</table>
table:表格标签 tr:行标签 td:单元格标签
width="表格的宽度"
height="表格的高度"
border="表格的边框"
bgcolor="表格的背景色"
cellspacing="单元格与单元格之间的间距"
cellpadding="单元格与内容之间的空隙"
水平对齐方式:align="left/center/right";
colspan=“所要合并的单元格的列数"合并列;
rowspan=“所要合并的单元格的行数” 合并行;
HTML学习 day02的更多相关文章
- python开发学习-day02(元组、字符串、列表、字典深入)
s12-20160109-day02 *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: ...
- Java学习day02
day02-课堂笔记 1.打开DOS命令窗口,执行java HelloWorld,执行原理? * java.exe命令会启动JVM * JVM启动之后会启动类加载器ClassLoader * Clas ...
- Django学习day02随堂笔记
每日测验 """ 今日考题 1.谈谈你对web框架的认识,简述web框架请求流程 2.python三大主流web框架的区别 3.安装django需要注意的事项有哪些(最少 ...
- 学习day02
day021.结构标记 ***** 做布局 1.<header>元素 <header></header> ==> <div id="heade ...
- python学习 day02打卡
今天主要学习的内容: 1.while 循环 : 语法: while 条件 : 循环体 #判断条件是否成立.如果成立执行循环体.然后再次判断条件...直到条件不成立石跳出循环 else : 当条件不成 ...
- vue学习-day02(自定义指令,生命周期)
目录: 1.案例:品牌管理 2.Vue-devtools的两种安装方式 3.过滤器,自定义全局或私有过滤器 4.鼠标按键事件的修饰符 5.自定义全局指令:让文本框获取焦点 ...
- MVC学习Day02之校验
MVC校验有两种方法: 方法一:自己动手写js---------略 方法二: l在View的页面中,首先指定页面强类型@model 类型 l使用Html.***For(model=>model. ...
- MVC学习Day02
MVC中的异步请求: 方法一:使用jQuery封装的函数(例子中用的是post请求,$("#form1").serialize()讲表单中的数据序列化提交给服务端)---返回的是纯 ...
- python学习-day02
---恢复内容开始--- 一.pycharm安装 1.1破解方式http://www.cnblogs.com/evlon/p/4934705.html 1.2.头部配置: 二.运算符 2.1.比较运算 ...
- Mybatis学习 day02
第十六章回顾SQL99中的连接查询 1)内连接 2)外连接 3)自连接 第十七章回顾hibernate多表开发 1)一对一 2)一对多 3)多对多 第十八章 mybatis一对一映射[学生与身份证] ...
随机推荐
- HTTP协议详解(二)—— HTTP响应
HTTP响应(Response) 响应与请求一样分成三个部分:响应行.响应头.响应体. 1.响应行: 格式 - HTTP/1.1 200 OK 2.响应头: 部分头属性解释 - Location:这个 ...
- [UWP]使用GetAlphaMask制作阴影
1. 前言 最近常常接触到GetAlphaMask,所以想写这篇文章介绍下GetAlphaMask怎么使用.其实GetAlphaMask的使用场景十分有限,Github上能搜到的内容都是用来配合Dro ...
- office visio 2019 下载激活
安装 下载 office ed2k://|file|cn_office_professional_plus_2019_x86_x64_dvd_5e5be643.iso|3775004672|1E4FF ...
- 01 Python简介、环境搭建及包管理(一)
一.Python简介 1. Python的特点: 是一门动态.解释型.强类型语言 动态:在运行期间才做数据检查(不用提前声明变量)- 静态语音(C/Java):编译时检查数据类型(编码时需要声明变量类 ...
- rabbitmq学习-如何安装rabbitmq
学习当然还是需要看官网地址的哈 官网地址 你可能会说老铁,看不懂英文咋办?我只能说各大翻译软件以及广大网友总有一款是你喜欢的 广大网友翻译的 中文文档 什么是rabbitmq? rabbitmq (R ...
- Java中Object类hashCode的底层实现
Java中Object类hashCode的底层实现 openjdk\jdk\src\share\native\java\lang\Object.c 42 static JNINativeMethod ...
- JVM三部曲之运行时数据区 (第一部)
在接下来的几天想总结下,JVM相关的一些内容,比如下面的这三个内容算是比较核心知识点了 1.运行时数据区域: 在运行时数据区里存储类Class文件元数据(方法区),对象和数组(堆),方法参数局部变量( ...
- Android H5混合开发(2):自定义Cordova插件
前言 Cordova虽然定义了很多基础的插件,供H5端使用原生设备的功能. 但是,如果业务相关的功能,需要提供给H5端使用,那么,就需要我们自定义插件了. 这个"自定义"不是指由A ...
- Springboot中使用自定义参数注解获取 token 中用户数据
使用自定义参数注解获取 token 中User数据 使用背景 在springboot项目开发中需要从token中获取用户信息时通常的方式要经历几个步骤 拦截器中截获token TokenUtil工具类 ...
- 划艇:dp/组合数/区间离散化
Description 在首尔城中,汉江横贯东西.在汉江的北岸,从西向东星星点点地分布着 N 个划艇学校,编号依次为 1 到 N.每个学校都拥有若干艘划艇.同一所学校的所有划艇颜色相同,不同的学校的划 ...