HTML学习 day02

1.HTML的相关概念

网站建设流程

网页组成

   网页主要由三部分组成:结构(Structure)、表现(Presentation)行为(Behavior)。    

       

  1. html(Hypertext Markup Language)—— 结构超文本标记语言
  2. css(Cascading Style Sheets)—— 样式层叠样式表
  3. js(javascript)—— 行为

 

  

 HTML与XHTML的最大的不同是:

  1. XHTML 元素必须被正确地嵌套。
  2. XHTML 元素必须被关闭。
  3. 标签名必须用小写字母。
  4. XHTML 文档必须拥有根元素。

 

第一个页面 

创建站点

站点的作用

 

  1. 用来归纳一个网站上所有的网页、素材以及他们之间的联系
  2. 创建站点的步骤
  3. 文件的命名规则

    文件命名规则:用英文,不用中文

    名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;必须以英文字母开头。

    首页必须命名为index.html





Hello Word


   这是我的的第一节课

HTML基本语法

  常规标签:

     <标签 属性="属性值" 属性="属性值">

  单标签:

    <标签 属性=“属性值” />

 

常用标签

1)文本标题

一级标题


二级标题


……
六级标题

2)段落标记

段落文本内容


3)空格
 (所占位置没有一个确定的值,
这与当前字体字号都有关系。
4)
强制换行

5)加粗
加粗内容
加粗内容
6)倾斜


7)水平线/删除线/下划线


/ /
8)上标/下标
上标
下标

列表标签

有序列表

    (ordered list)


  1. ......

无序列表




  • ......

自定义列表

dl>

名词

解释
(定义描述)
......

 

img标签/超链接标签

图片名

alt属性 是图片名字,是给百度搜索引擎抓取使用

相对路径:../返回上一级    ./下一级

绝对路径:图片的绝对所在位置(一般不使用)

 

a标签: 超链接/下载/锚点
语法:
链接文本/图片
 属性: target 链接打开方式
 _blank  新窗口
 _self     当前窗口

 

表格table

    

       

    

table:表格标签      tr:行标签     td:单元格标签

width="表格的宽度"
height="表格的高度"
border="表格的边框"
bgcolor="表格的背景色"
cellspacing="单元格与单元格之间的间距"
cellpadding="单元格与内容之间的空隙"
水平对齐方式:align="left/center/right";

 

colspan=“所要合并的单元格的列数"合并列;

rowspan=“所要合并的单元格的行数” 合并行;

 

 

 

 

 

你可能感兴趣的:(HTML学习 day02)