整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
果想开发一个网站，除了要精通后端开发语言（如：php）外，还要精通HTML代码。那么，什么是HTML呢？HTML是一种超文本标记语言，它包含有众多的标签，我们可以通过这些标签，把不同的internet资源（如：文字、图片、视频、音频、表单等等）整合在一个统一的文档中，这就形成了我们可以看得见的网页。那么，HTML都有哪些常用的标签呢？
html5文档类型声明：<!doctype html>
html4文档类型声明：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这个标签是html最外层的标签，所有其它的HTML标签都要放在这个标签的内部。
<html>
<head></head>
<body></body>
</html>
在HTML标签中，有的标签是成双成对的，如：<html></html>（如下图）；而有的标签是单个的，如：<hr>横线标签。
head头部有以下几种常用标签：
meta：主要提供有关页面的元信息。
link：用来定义文档与外部资源的关系，最常用的是调用CSS样式文件。
title：页面标题的标签。
script：用来调用JS文件或JS代码。当然，script标签也可以在body主体中使用。
1、块级标签。
块级标签的特性是：独自占有一行；标签的高与宽、边距可以修改；没有设置宽与高时，默认继承父标签。例如：
<div>div1</div>
<div>div2</div>
<style>
.aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }
.aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }
</style>
前端页面显示的效果如下图：
常用的块级标签有：div、h1、h2、h3、h4、h5、h6、hr、menu、ul、ol、li、dl、dt、dd、table、p、form 。
2、内联标签。
内联标签与块级标签不同，它不能独自占有一行，会与其它内联标签在同一样展示；内联标签的高与宽、上下边距是不能修改的，它里面的文字或图片有多高，它就是多高。例如如下代码：
<style>
.aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }
.aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }
</style>
<span>span1</span>
<span>span2</span>
CSS样式代码跟块级标签的例子是一样的，而显示的效果就不一样了，宽与高、上下边距没有效果。如下图：
常用的内联标签有：span、a、b、strong、i、em 。
3、内联块级标签。
内联块级标签，既有一些内联标签的特性，也有一些块级标签的特点：它不能独自占有一行，但是可以修改它的宽度和高度。例如下面这段代码：
<style>
.aa1{ border:1px solid #000; width:150px; height:100px; margin:30px; }
.aa2{ border:1px solid #000; width:150px; height:100px; margin:30px; }
</style>
<img src="w5.jpg" alt="">
<img src="w5.jpg" alt="">
CSS样式代码跟块级标签的那个例子仍然是一样的，图片的宽和高、上下边距修改成功，而2个图片不能独自占有一行，而是在同一行。如下图：
常用的内联块级标签有：img、input、textarea。
4、区域标签。
所谓区域标签，就是主要用来划分布局页面区域的。如：头部、主体内容、侧边栏、底部。这样划分的好处是：让页面布局更加清晰明了。
常用的区域标签有：header（头部）、footer（底部）、nav（导航）、aside（侧边栏）、section（主体）、article（独立内容）。
5、表单标签。
这个表单标签我们也是会经常用到的，如：登录网站的时候、提交数据的时候。如下图的评论表单：
表单常用的标签有：form、input、select、option、textarea 。
以上就是我们开发网页时，会常用到的HTML标签。当然，HTML标签远不止这些，尤其是html5出来后，新增了许多的新标签。但是，有些标签在我们开发中很少用到，所以，这里就没有做相应的介绍。
篇文章主要的向大家介绍了关于html input标签的单选按钮的使用方法，还有关于HTML input标签的单选默认按钮的做法。接下来我们一起来看看这篇文章吧
<input> 标签用于搜集用户信息。根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
> <form action="form_action.asp" method="get">
>
> <input type="radio" name="radio" value="1">单选1
>
> <input type="radio" name="radio" value="2">单选2
>
> <input type="radio" name="radio" value="3">单选3
>
> <input type="radio" name="radio" value="4">单选4
>
> </form>这个的效果很容易看到，我们还是先看看浏览器中的显示效果吧：
这个效果一眼就能看到，很简单的一个代码
还有种是很多网站上都是经常见到的，比如：单选性别，这个基本上都是用这种单选框去制作的。代码如下：
HTML中的单选按钮实现男女性别选择，不让男女同是都能都能选择，实现方法：在按钮的属性里写一个name属性，并且把name的值设置成相同的
> <input id="man" type="radio" checked="checked" name="1" />男
>
> <input id="woman" type="radio" name="1"/>女这个就不给图了，比上面那个还简单，就两个单选框，我们经常遇到的这个。
现在来说说HTML单选框按钮怎么默认选中：
首先我们先把第一个实例拿出来继续说，我们只需要在其中加一个属性，如下：
> <form action="form_action.asp" method="get">
>
> <input type="radio" name="radio" value="1">单选1
>
> <input type="radio" name="radio" value="2" checked>单选2
>
> <input type="radio" name="radio" value="3">单选3
>
> <input type="radio" name="radio" value="4">单选4
>
> </form>这上面我没做任何的点击，自己出现在那上面的，刷新过后还能看到在单选2上面。
我们就可以看到，这样就把单选框给默认选中了，大家可以自己试试，多敲敲代码。
好了，以上就是这篇关于html input标签做单选按钮的文章了，有问题的可以在下方提问。
以上就是html单选按钮默认选中怎么做？input标签的单选按钮用法实例的详细内容，更多请关注我！！！
我自己是一名从事了多年开发的web前端老程序员，目前辞职在做自己的web前端私人定制课程，今年我花了一个月整理了一份最适合2020年学习的web前端学习干货，各种框架都有整理，送给每一位前端小伙伴，想要获取的可以关注我的头条号并在后台私信我：前端，即可免费获取。
篇文章给大家说了css的三种不同的引入方式，今天给大家说一下css的三种选择器：标签选择器、类选择器和ID选择器。
那么有人就会问了，什么是选择器？我们写的css样式声明（定义）由两部分组成，形式如下：选择器{ 样式；}，在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。比如我们之前写的span{ color:#f00; }中的span就为一个选择器。
标签选择器其实就是我们经常说的html代码中的标签。例如html、span、p、div、a、img等等；比如我们想要设置网页中的p标签内一段文字的字体和颜色，那么css代码就如下所示：
上面的css样式代码的作用：为p标签内的文字设置颜色为红色，字体的大小为16px；（具体的css样式我们会在后边讲解，这里先了解下即可）
类选择器在我们今后的css样式编码中是最常用到的，它是通过为元素设置单独的class来赋予元素样式效果。
使用语法：（我们这里为p标签单独设置一个类选择器.content,代码就如下所示）
详细讲解：
1、类选择器都是使用英文圆点（.）开头；
2、每个元素可以有多个类名，，名称可以任意起名（但不要起中文，一般都是与内容相关的英文缩写）
3、类选择器只会改变类下的元素样式，而不会改变其它标签的默认样式；
我们上边的页面在浏览器上显示的效果就如下所示：（content下的文字内容颜色变成了红色，字体变成了16px）
ID选择器类似于类选择符，作用同类选择符相同，但也有一些重要的区别。
使用语法：
详细讲解：
1、ID选择器为标签设置id="ID名称"，而不是class="类名称"。
2、ID选择符的前面是符号为井号（#），而不是英文圆点（.）。
3、ID选择器的名称是唯一的，即相同名称的id选择器在一个页面只能出现一次；
对于css的三种选择器我们今天就先介绍到这里，大家在平时可以自己多加练习练习，多熟练下class的使用方式与技巧。
每日金句：你今天的努力，是幸运的伏笔，当下的付出，是明日的花开。喜欢我的文章的小伙伴记得关注一下哦，每天将为你更新最新知识。
*请认真填写需求信息，我们会在24小时内与您取得联系。
