1、认识HTML及标签

认识HTML及标签

  • 什么是HTML:超文本标记语言(HyperText Markup Language,简称 HTML);

怎么学HTML :HTML 是一门标记语言,标记语言由一套标记标签组成,学习 HTML,其实就是学习标签 ;

HTML基本结构

						
<html>
<head>								
	<meta charset="utf-8">			
	<title>html基本结构title>		
head>
<body>								
	Hello mm
	<p>我是网页主体p>
body>
html>

标题标签


标题标签
<h1>我是h1标签h1>
<h2 id="box">我是h2标签h2>
<h3>我是h3标签h3>	            
<h4>我是h4标签h4>
<h5>我是h5标签h5>
<h6>我是h6标签h6>
<h7>我是h7标签h7>

单标签

<hr>		
<br>        

小于号:<		<			
大于号:>		>			
空格号:  		亲 爱		 
空白位:		亲爱	
& 字符:&		  &			
版权号:©		 ©	
注册商标:®		®		
TM: ™ 			

粗/斜体标签

<b>物理粗体标签b><br>			
<strong>粗体标签,有利于SEO搜索strong>

<h2>斜体标签h2>
<i>物理斜体i><br>				
<em>em斜体,有利于搜索em>	
<strong><em>啦啦啦em>strong>

列表标签

<h3>无序列表h3>
	<ul type="square">
		<li>1li>
		<li>2li>
	ul>
	
	<h3>有序列表h3>
		<ol type='A' reversed start='3'>	
			<li>Ali>
			<li>Bli>
		ol>
    
<h3>自定义列表h3>
	<dl>
		<dt>标题dt>
		<dd>Edd>
		<dd>Fdd>
		<dd>Gdd>
	dl>

图片标签

<img src="图片链接" alt="关键字,用于SEO">	

超链接a标签

<a href="图片链接">xxxa>
超链接>>>去百度a><br>
<a href="#">#-刷新当前页面a><br>
<a href="javascript:void(0);">死链接,没有反应a><br>
<a href="#ss" name='xx'>跳转到顶部a>

HTMLclass/id书写规范

   1.名字用小写字母
   2.以英文开头,可以包含英文字母,数字,_,-,不能使用中文
   3.驼峰命名
       className  第二个单词首字母大写
   4.id命名
       id只能有一个名字,而且在页面中相同的名字只能出现一次,相当于身份证号码一样
   5.class命名
       class可以出现多次,而且相同的名字可以有多个,相当于人名一样

div+span

div:块状元素,独占一行。可以设置大小。可以通过修改display属性改变。
pan:行间元素,无法设置狂傲,大小由内容撑起。可以通过修改display属性改变。

个人笔记,便于日后查看。

你可能感兴趣的:(HTML基础)