HTML基础上

知识点一:HTML

Hyper Text Markup Language  超文本标记语言。  HTML标准结构:

< ! doctype html>    声明文档类型
<html>              根标签
<head>             头标签
<title></title>       标题标签
</head>
<body>             主体标签
</body>
</html>

后缀名:Html与htm是一样的,  后缀名不能决定文件格式,只能决定打开文件的方式。

HTML标签的分类: 

单标签:<! Doctype html> 
双标签: <html></html> <head></head> <title></title> 
Html标签关系分类: 
包含(嵌套关系):<head><title></title></head> 
并列关系:<head></head><body></body>

基础标签:

单标签: 
注释标签:<!--被注释的内容--> 
换行标签:<br/> 
水平线标签:<hr/>
双标签: 
文本标签 <p></p>
注:自动生成空白行,<br/>换行不会生成空白行。<p>今天是正式学习前端的第一天。</p>
标题标签<h1-h6> 
文本标签:<font>文本内容</font> 
文本格式化标签: 
加粗:<Strong></Strong>或者是<b></b> 
斜体:<em></em>或者是<i></i> 
删除线标签:<del></del>或者是<s></s> 
下划线标签:<ins></ins>或者是<u></u>
图片标签:<img src='' alr='' title='' width='' height=''> 
src:为图片的来源。 
alt:为图片无法显示时,显示的文字。 
title:提示文字,鼠标放上去时显示的文字。 
width:宽度。 
height:高度。 
注:没有书写宽高属性时,图片按百分百展示,只书写其一时按比例缩放。

知识点二:

路径:

相对路径: 相对于文件本身出发的路径,如果在当前目录下使用/即可获取,如果在当前目录的上级目录使用../即可获取,文件夹名正常书写使用即可。

超链接:<a href='' title='' target=''>超链接名称</a>
href:跳转页面的URL。
title:提示文本,鼠标放上去显示的文字。
target='_self'默认值,关闭自身页面,打开连接页面。
target='_blank'打开新页面的同时老页面不关闭。

锚链接:是一种概念上的东西,并不是实际存在的标签:

1.先定义一个锚点:`<p id='maodian'></p>`
2.使用超链接跳回到锚点:`<a href='#maodian'>超链接</a>`
注'#maodian'是css选择器的一种Id选择器,后面会学到。

空链:

<a href='#'></a>
会跳转到自身的页面
超链接的优化写法,`在<head></head>中添加:<base target='_blank'>`即可。

这里是特殊字符:

知识点三:列表

1。无序列表:

  • 无序列表项1
  • 无序列表项2
  • 无序列表项3
<ul>
    <li>无序列表项1</li>
    <li>无序列表项2</li>
    <li>无序列表项3</li>
</ul>

2。有序列表:

  1. 有序标签1
  2. 有序标签2
  3. 有序列表3
<ol>
    <li>有序标签1</li>
    <li>有序标签2</li>
    <li>有序列表3</li>
<ol>

属性type start

type:1、a、A、i、I

start:决定开始位置,值为阿拉伯数字1、2、3

3。自定义列表:

这是小标题

  解释标题1

  解释标题2

<dl>
    <dt>这是小标题</dt>
    <dd>解释标题1</dd>
    <dd>解释标题2</dd>
</dl>

知识点四:

杂项:

1。音乐标签:

<embed src='' hidden='true'>

2。滚动:

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏别先生

HTML+CSS纯干货就业前基础到精通系统学习2016/9/3

1:HTML纯干货学习后的达到的效果 (1):会使用HTML的基本结构,创建网页 (2):会使用文本字体相关标签,实现文字修饰和布局 (3):会使用图像、超链接...

2139
来自专栏DeveWork

解决Chrome或其它WebKit浏览器input和textarea的黄色/蓝色边框问题

之前在折腾主题的时候发现一个很怪的现象,在Chrome浏览器下,输入框有一个黄色的边框;而在其它WebKit浏览器(如Jeff使用的傲游浏览器)下,输入框的颜色...

2966
来自专栏做全栈攻城狮

.Net程序员快速学习安卓开发-布局和点击事件的写法

我们新建一个layout布局文件时,默认就是相对布局。相对布局是相对于非相对布局来说的。顾名思义,相对布局就是 相对于某些控件位置的布局。所有的控件都是相对位置...

1354
来自专栏前端萌媛的成长之路

position有几种,absolute和relative的区别

1642
来自专栏cnblogs

如何写好CSS系列之表单(form)

     表单模块可以分为两部分:一是表单的布局,也就是规范表单元素单元的排列位置;二是表单元素,如:输入框、单选、复选、列表组件、搜索组件等,由于列表组件、搜...

2619
来自专栏柠檬先生

jquery mobile 移动web(1)

轻量级框架jQuery Mobile   所需文件     <link rel="stylesheet" href="jquery.mobile-1.1.2/...

2146
来自专栏青玉伏案

IOS开发之绝对布局和相对布局(屏幕适配)

之前如果做过Web前端页面的小伙伴们,看到绝对定位和相对定位并不陌生,并且使用起来也挺方便。在IOS的UI设计中也有绝对定位和相对定位,和我们的web前端的绝对...

3106
来自专栏keyWords

5、React组件事件详解

2.在React中,每个事件处理回调函数都会自动绑定到组件实例(使用ES6语法创建的例外);

3781
来自专栏从零开始学自动化测试

Selenium2+python自动化65-js定位几种方法总结

前言 本篇总结了几种js常用的定位元素方法,并用js点击按钮,对input输入框输入文本 一、以下总结了5种js定位的方法 除了id是定位到的是单个elemen...

3377
来自专栏葡萄城控件技术团队

Spread for Windows Forms快速入门(5)---常用的单元格类型(下)

在上一篇,我们介绍了常用了文本类型单元格。除了文本型单元格外,Spread还支持如下13种图形单元格类型:组合框单元格、按钮单元格、复选框单元格、超链接单元格、...

2476

扫码关注云+社区

领取腾讯云代金券